我可以使用一些帮助...我已经设法为我做了blueimp jQuery文件上传工作,但我仍然是一个新手,我对jQuery等知之甚少所以请尽量明白给我尽可能简单.我会尽量具体.
好的...我想要实现的是人们可以上传照片,并且每张照片都可以选择其他选项(通过下拉菜单)并添加额外的细节(通过文本输入框).这些附加表单字段将与数据一起传递,以及上载的文件数组.每个文件名及其相应的菜单选择和细节最终将与上传的照片一起存储在动态生成的XML或文本文件中.
我知道之前在github上出现了类似的问题,我已经看到了这样的解决方案(https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-Form-Data )但我使用的是最新版本的插件,无法在我的任何文件中找到相同的代码.
到目前为止,我已添加:
<td><b>Package:</b>
<select name="package[]"><option value="0">Basic</option><option value="1">Advanced</option><option value="2">Restoration</option></select>
</td>
<td>
<input type="text" name="notes[]">
</td>
Run Code Online (Sandbox Code Playgroud)
到index.html文件中(在"删除"按钮代码之后),并将结束表单标记移动到模板上载脚本之后以包含这些字段.我知道这没什么进展.
这是index.html的大部分内容
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" id="theme">
<link rel="stylesheet" href="../jquery.fileupload-ui.css">
<link rel="stylesheet" href="style.css">
<h2>File Upload</h2>
<div id="fileupload">
<form action="upload.php" method="POST" enctype="multipart/form-data">
<div class="fileupload-buttonbar">
<label class="fileinput-button">
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</label>
<button type="submit" class="start">Start upload</button>
<button type="reset" class="cancel">Cancel upload</button>
<button type="button" class="delete">Delete files</button>
</div>
//</form> originally here, moved below
<div …Run Code Online (Sandbox Code Playgroud)