blueimp jQuery-File-Upload没有ajax

我真的很喜欢客户端处理选择文件并进行预览并选择取消或删除。

但是我想上传带有表单的页面，我不需要使用ajax。 我一直在摆弄所有的选项，我无法找到与同步选择的文件发布到表单。

是否可以使用表单发布data.files？

Answer 1

您可以通过将replaceFileInput选项设置为false，使用blueimp jQuery-File-Upload通过标准表单提交文件。

从文档：

默认情况下，在每个输入字段更改事件后，文件输入字段将替换为克隆。 这是iframe传输队列所必需的，并允许为同一文件选择触发更改事件，但可以通过将此选项设置为false来禁用

Answer 2

可以通过将autoUpload设置为false，收集数组中的文件，然后结束与表单数据一起执行单个ajax调用来完成，如此处所述。

Answer 3

 Use config replaceFileInput = false; jQuery('#add_new_product_form').fileupload({ // Uncomment the following to send cross-domain cookies: //xhrFields: {withCredentials: true}, fileInput: jQuery('#upload-video'), replaceFileInput: false, ...... }) 

和控制器你将得到$ _FILES来获取video数据。

Answer 4

blueimp jQuery-File-Uploader是为简单的ajax文件上传而创建的。 如果您想要简单的多文件输入发布到您的服务器。 您需要使用提供的API进行修改以修改其行为方式。

我建议使用不同的库。

这是我在网上创建的其中一个：
http://www.fyneworks.com/jquery/multiple-file-upload/

我认为使用这个库并调整类似于jQuery-File-Upload的ui会更容易。

以下是在上传到服务器之前显示图像文件预览的代码示例。
http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html

只需更改第283行的MultiFile.addToList函数即可