HTML:在一个表单中支持多个上传按钮
HTML: supporting multiple upload buttons in one form
我有一个表单,其中有多个元素(数字0..n)
每个元素都有一个只读输入和一个"上传"按钮。我希望每个上传按钮打开文件对话框,让用户选择一个填充和相应的输入字段与所选择的完整路径。
当单击每个元素的按钮时,我调用一个javascript方法,并使用与之对应的输入字段的ID。
function upload(theID) {
var fileSelector = $('<input type="file" />');
fileSelector.click();
}
这个函数用正确的ID被调用,打开一个文件选择对话框,但这就是它…
我的问题是:
- 我如何得到一个函数调用时,文件被选中?
- 我如何将选择的文件与"theID"相关联,以便我可以使用所选的文件/路径更新正确的输入#ID
我建议您尝试使用jQuery文件上传库。默认支持多个文件上传
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 多个单选按钮组相互干扰
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Javascript按钮下拉列表
- jquery试图按名称获取按钮位置
- 漂亮照片图片库中的Facebook赞按钮
- 扩展移相器按钮类不工作
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 单击按钮以等待单击按钮
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- JQuery示例不起作用-“;对象没有't支持属性或方法'按钮'&”;
- jQuery:加载具有ajax,缓存,干净URL和后退按钮支持的页面
- Bootstrap3 中对导航栏的后退按钮支持
- 创建图像下载按钮支持所有浏览器
- 无论是否支持文本/跨浏览器,都要使按钮大小相同
- HTML:在一个表单中支持多个上传按钮
- Firefox插件不支持F8按钮
- Jquery UI选项卡支持浏览器的后退按钮
- 不支持单页web应用程序刷新按钮Get