JavaScript (Request Format):

1function submitForm() {
2  const form = document.getElementById('mulcmdForm');
3  const formData = new FormData(form);
4
5  fetch(form.action, {
6    method: 'POST',
7    body: formData
8  })
9    .then(response => {
10      if (!response.ok) throw new Error('Failed to run MulCmd command');
11      return response.json();
12    })
13    .then(result => {
14      document.getElementById('outputText').textContent = result.output;
15    })
16    .catch(error => {
17      document.getElementById('outputText').textContent = 'Error: ' + error.message;
18    });
19  return false;
20}

HTML (Structure Example):

1<h1>Run MulCmd Command</h1>
2
3<form id="mulcmdForm" action="https://wxm-back.vercel.app//run_mulcmd" 
4  method="POST" enctype="multipart/form-data" onsubmit="return submitForm();">
5  <textarea id="codeInput" rows="20" name="code" placeholder="Enter your MulCmd code"></textarea><br>
6  <input type="file" id="fileInput" name="file"><br>
7  <button type="submit">Run Command</button>
8</form>
9
10<h2>Output:</h2>
11<pre id="outputText"></pre>
12
13<h2>Generated Files:</h2>
14<img src="https://wxm-back.vercel.app//get_file/mul/plot_data.png"
15alt="Dataset Plot">
16<img src="https://wxm-back.vercel.app//get_file/mul/plot_predict.png"
17alt="Prediction Plot">
18<a href="https://wxm-back.vercel.app//get_file/mul/trained_model.pkl" download>Download Model</a>

JSON (Response Format):

1{
2  "output": "Output from the MulCmd",
3    "file_paths": {
4      "model_path": "https://wxm-back.vercel.app//get_file/mul/my-model.pkl",
5      "plot_data_path": "https://wxm-back.vercel.app//get_file/mul/plot_data.png",
6      "plot_predict_path": "https://wxm-back.vercel.app//get_file/mul/plot_predict.png"
7    }
8}