我需要一些帮助... 我已经成功使用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>
将这些字段添加到模板上传脚本之后,在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 class="fileupload-content">
<table class="files"></table>
<div class="fileupload-progressbar"></div>
</div>
</div>
<script id="template-upload" type="text/x-jquery-tmpl"></script>
<script id="template-download" type="text/x-jquery-tmpl"></script>
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script src="../jquery.iframe-transport.js"></script>
<script src="../jquery.fileupload.js"></script>
<script src="../jquery.fileupload-ui.js"></script>
<script src="application.js"></script>
虽然我不能充分理解 upload.php 中的许多内容,比如如何解析文件[]数组以获取文件名等信息,也不确定如何接收package[]和notes[]数组,并逐个迭代它们,以及如何将所有信息放入文本/XML文件中。
是否有人可以耐心地并具有一些经验来帮助解决这个插件/这些问题的下一步呢?非常感谢您的帮助。