2013-02-15 56 views
10

我真的很喜欢客户端处理选择文件和预览选项取消或删除。blueimp jQuery-File-Upload无AJAX

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

是否有可能得到data.files张贴的形式?

+0

没有AJAX的文件上传在大多数语言中都非常简单。看来你的问题不太清楚。 http://www.whathaveyoutried.com – 2013-02-15 13:57:03

+0

Jay Blanchard你有没有使用blueimp jQuery-File-Upload?我知道这是非常简单的做一个文件上传没有Ajax,这不是我的问题。我的问题是使用blueimp jQuery-File-Upload做一个同步表单发布。 – Topaz 2013-02-16 05:07:16

+1

使用表单发布文件需要上传组件以配合表单发布组件,但我不确定在此上下文中bt“同步”的含义?你是否意味着张贴表单数据并同时上传内容?如果是这样的话 - https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data – 2013-02-18 20:57:13

回答

9

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

从文档:

默认情况下,文件输入字段被替换为每个 输入字段改变事件之后的克隆。这是必需的iframe的传输队列 并允许更改事件为同一个文件选择被解雇,但 可以通过设置这个选项设置为false

+0

我们该如何动态改变这个选项?我有一个autosave(通过ajax)表单,用户可以禁用,所以他应该能够正常提交表单。当自动保存关闭并且用户提交表单时,选定的文件数据不会传递到服务器。 – 2016-01-11 06:58:00

+0

非常感谢我。 – 2017-07-19 13:29:35

-2

blueimp jQuery的文件的上传是为方便AJAX文件中创建被禁用上传。如果你想简单的多个文件输入发布到你的服务器。您将需要使用提供的API进行修改以修改其行为。

我会建议使用不同的库。

这是其中之一,我在网络上成立:
http://www.fyneworks.com/jquery/multiple-file-upload/

我认为它会更容易使用这个库和调整的用户界面,类似jQuery的文件上传。

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

只是改变行MultiFile.addToList功能283

-1

它可以通过关闭autoUpload为false,收集在一个数组中的文件,则T年底完成做所有的单个Ajax调用文件连同表格数据,如here所述。

-1
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来获取视频数据。