带附加表单数据的JQuery多文件上载
有没有人有幸创建了一个包含一些额外表单数据的多文件上传解决方案。在这个例子中,工作流是这样的带附加表单数据的JQuery多文件上载,jquery,file-upload,Jquery,File Upload,有没有人有幸创建了一个包含一些额外表单数据的多文件上传解决方案。在这个例子中,工作流是这样的 用户单击添加文件/上载按钮 用户从文件选择器中选择一个或多个文件 几个项目被添加到上载队列中 每个队列项目都有一个附加的用户输入字段。e、 g.图像/视频的标题 用户点击upload,请求就会转到服务器 我尝试做的大部分工作都可以通过uploadify或Jquery upload之类的方式完成,但有一部分我似乎找不到一个好的解决方案 是第四步造成了麻烦。在uploadify中,我注意到您可以设置一个条目
提前感谢…您完全可以通过JQuery上传来实现这一点,这只需要一些强制。该控件触发一个add事件,该事件返回用于向服务器提交请求的数据对象。对添加到队列中的每个项目调用一次Add。我没有一个完整的演示,但这里是它的要点 首先,请遵循本文中的大部分步骤:
现在考虑以下事项:
jQuery ->
queueItems = new Array()
$('#my_upload').fileupload
add: (e, data) ->
# after doing any other processing needed, keep a list of the data objects added
queueItems.push(data)
$('#form_submit').click (event) =>
# don't do the default action
event.preventDefault()
for data in queueItems
# get the inputs from the row associated with this item in the queue
inputs = data.context.find(':input')
# get any other general hidden inputs from the page you want associated with the row.
# merge keeps the jquery search results in a format that works with serializeArray
inputs = $.merge(inputs, $("#some_field"))
# set the form data for the request
data.formData = inputs.serializeArray();
#submit it
data.submit()
# reset the queue so if the user add's more items we don't submit twice
queueItems.length = 0
您在jquery文件上传方面做了哪些尝试?()我将在下面作出回应,我在js中使用了一些强制操作,使其工作得非常干净。在某些情况下,此逻辑失败:(