(转载)[jQuery]使用Uploadify(UploadiFive)多文件上传控件遇到的坑

最新推荐文章于 2024-08-15 10:14:54 发布

lceBear

最新推荐文章于 2024-08-15 10:14:54 发布

阅读量325

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/hf-0712/p/5533392.html

版权

本文详细记录了在使用jQuery插件Uploadify进行多文件上传时遇到的问题，包括Chrome的SWF安全警告、Firefox的Flash兼容性问题、文件上传后的自动删除以及上传完成文件无法清除等。作者转向使用其HTML5版本UploadiFive，虽然解决了一些问题，但也发现了一些新的不足，如无文件大小自动检测等。作者分享了如何解决这些问题，并推荐了其他两款多文件上传控件：jQuery File Upload和百度的Web Uploader。

摘要由CSDN通过智能技术生成

使用Uploadify(UploadiFive)多文件上传控件遇到的坑最近项目中需要实现多文件上传功能，于是结合需求最终选择了Uploadify这一款控件来实现。相比其他控件，Uploadify具有简洁的界面，功能API基本可以解决大多数需求，又是基于jquery的，配置起来相对容易。但是不用不知道，一用起来发现坑还是蛮多了，相信大部分用过的人都会遇到，下面就来分享下我的填坑过程：
根据官网文档配置好我所需要的前端配置项，再让后台同事把对应的后台配置搞定后，在chrome下尝试了下一些ok。心想这样就大工告成了？呵呵。。。那么问题来了。
一、使用Uploadify
（1）、chrome报错
按F12打开调试面板刷新页面后会显示如下错误信息：

这是啥？请求了3次失败了2次最后成功了1次，后来发现只有chrome下会报这个错误，大概是因为chrome对于swf文件的安全性措施导致的，因为不影响功能，暂时没去管它。
（2）、发现火狐上失效
当我打开火狐的时候，突然发现按钮失效，就是一个type='file'的按钮，只能单文件上传，原因很简单，那便是火狐检测不到我的flash。而Uploadify是一款利用flash来实现多文件上传功能，这对没有安装flash的用户来说无疑根本没法用。