实现jquery-file-upload文件上传带进度条效果的方法

jQuery File Upload 是一个Jquery图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。本文主要介绍了jquery-file-upload 文件上传带进度条效果，代码分为html部分css部分和js部分，非常不错，具有参考借鉴价值,需要的朋友可以参考下，希望能帮助到大家。

效果图如下所示：

html 部分

css 部分

js 部分

XHR响应为Json时IE的下载BUG

这里需要特别注意的是，由于jQuery File Upload都是采用XHR在传递数据，服务器端返回的通常是JSON格式的响应，但是IE会将这些JSON响应误认为是文件传输，然后直接弹出下载框询问是否需要下载。

解决这个问题的方法是必须将相应的Http Head从

更改为

相关推荐：

php判断文件上传图片格式的方法介绍

Thinkphp3.2中多文件上传只上传一张的问题解决

实例讲解php实现常用文件上传类

以上就是实现jquery-file-upload 文件上传带进度条效果的方法的详细内容，更多请关注Gxl网其它相关文章！