文件上传兼容IE10以下（Webuploader使用）-

最新推荐文章于 2021-08-07 04:15:19 发布

CZ1141131001

最新推荐文章于 2021-08-07 04:15:19 发布

阅读量7.2k

点赞数 2

分类专栏： webuploader 文章标签： webuploader ie上传文件插件

本文链接：https://blog.csdn.net/cz1141131001/article/details/52894356

版权

本文介绍了如何使用WebUploader插件在IE10以下版本实现文件上传的兼容性。通过引入JS、CSS和SWF资源，以及对WebUploader进行二次封装，可以确保在不同浏览器上的代码统一性和简洁性。推荐查看WebUploader官方文档以了解更多详情。

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

刚开始进入公司，公司项目中的文件上传使用了HTML5的input类型为file，这在IE9版本一下就比较尴尬。由于公司网站流程中需要大量使用上传功能，所以初入这便成了出入公司的我第一项工作。

最初我的解决方案利用js是判断浏览器，在页面上谢了两套代码，当是IE版本时候，就移除HTML5的代码，反之亦然。最初在IE下使用了uoloadify，也进行了二次封装，不过代码被我后来更新掉了，就不给大家展示了，推荐一个API地址http://www.mamicode.com/info-detail-506696.html。后来项工作不是很忙，我感觉这样分开写不利于页面代码的简洁，也不利于别人使用，所以又想了个办法，使用百度webuolpader，可以保证页面代码的统一性，感谢百度webuploader团队。http://fex.baidu.com/webuploader/getting-started.html

下面是小弟进行的二次封装，其实我发现现在大部分的前段插件都是基于事件编程，方便快捷。

使用Web Uploader文件上传需要引入三种资源：JS, CSS, SWF。

swf文件地址需要指定在初始化中

/**
 * 上传文件调用
 * @param inputId     按钮ID
 * @param inputList   文件区域
 * @param submit       上传按钮ID
 * @param url           上传URL
 * @param filename      后台接受名字
 * @param type       上传类型  图片img
 */
function intWebUploder(inputId,inputList,submit,url,filename,type) {
	var $ = jQuery,
		$list = $('#'+inputList),
        $btn = $('#'+submit),
         // 优化retin