文件上传WebUploader

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+。

官网地址:http://fex.baidu.com/webuploader/

组件包

webuploader.min.js

Uploader.swf 注:使用FLASH上传时需要

注:点击上传按钮后,自动修改为禁止操作。只有在返回成功和请求错误是才可继续

实例演示

选择文件并上传

文件上传(文件):

文件上传(文件,显示文件名):

文件上传(图片):


            
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
<link rel="stylesheet" href="../css/style.css" />
非组件文件上传

文件名称:


            
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
<link rel="stylesheet" href="../css/style.css"/>
webuploader组件并支持MD5校验

            

            
webuploader的多文件上传

            
// 组件
<link rel="stylesheet" href="../css/plugins/webUploader/cus_uploader.css"/>
webuploader的多文件上传(支持上传后预览、删除)
// 组件
<link rel="stylesheet" href="../css/plugins/webUploader/cus_uploader.css"/>
webuploader的多文件上传(支持上传后显示文件原名称、删除)

            
// 组件
<link rel="stylesheet" href="../css/plugins/webUploader/cus_uploader.css"/>