Ajax发送包含多个文件的帖子

时间:2018-04-03 00:37:14

标签: ajax

From Postman,我能够成功向服务器发送POST请求,如下所示:

x = 1

现在我正在用HTML和JavaScript实现它。

Key               Value
postinfo (file)   info.json
data     (file)   data.csv
label    (file)   label.csv

和JS:

<div id="fileupload">
  <form id="uploaddata" enctype="multipart/form-data">
    <label for="file">Choose data file</label>
    <input type="file" accept="file/csv">
    <br>
    <label for="file">Choose initial label file</label>
    <input type="file">
    <br>
    <label for="file">Choose setting</label>
    <input type="file">
    <br>
    <button type="submit">Next</button>
  </form>
</div>

数据尚未成功发布,可能是由于缺少密钥(postinfo,数据,标签)。我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:1)

您的文件输入没有名称属性,他们需要它们作为请求中文件的键。

<div id="fileupload">
  <form id="uploaddata" enctype="multipart/form-data">
    <label for="file">Choose data file</label>
    <input type="file" name="data" accept="file/csv">
    <br>
    <label for="file">Choose initial label file</label>
    <input type="file" name= "label">
    <br>
    <label for="file">Choose setting</label>
    <input type="file" name="postinfo">
    <br>
    <button type="submit">Next</button>
  </form>
</div>