HTML:在一个表单中支持多个上传按钮

HTML: supporting multiple upload buttons in one form

本文关键字:支持 按钮 表单 一个 HTML      更新时间:2023-09-26

我有一个表单,其中有多个元素(数字0..n)

每个元素都有一个只读输入和一个"上传"按钮。我希望每个上传按钮打开文件对话框,让用户选择一个填充和相应的输入字段与所选择的完整路径。

当单击每个元素的

按钮时,我调用一个javascript方法,并使用与之对应的输入字段的ID。

function upload(theID) {         
  var fileSelector = $('<input type="file" />');
  fileSelector.click();
}

这个函数用正确的ID被调用,打开一个文件选择对话框,但这就是它…

我的问题是:

  1. 我如何得到一个函数调用时,文件被选中?
  2. 我如何将选择的文件与"theID"相关联,以便我可以使用所选的文件/路径更新正确的输入#ID

我建议您尝试使用jQuery文件上传库。默认支持多个文件上传