百度多文件异步上传控件webuploader基本用法解析

双核浏览器下在chrome内核中使用uploadify总有302问题，也不知道如何修复，之所以喜欢360浏览器是因为帮客户控制渲染内核：

若页面需默认用极速核，增加标签Meta name="renderer" content="webkit"/> 若页面需默认用ie兼容内核，增加标签Meta name="renderer" content="ie-comp"/> 若页面需默认用ie标准内核，增加标签

：<Meta name="renderer" content="ie-stand"/>

要解决302问题也很简单，就是html5的文件上传，正好最近在ueditor里看到百度的webuploader，会自动选择flash html5，就是一个成熟的解决方案了。

先看前端，我们将最常用的操作封装为插件，asp.net中和MVC中最好使用相对于应用程序的绝对路径，自行定义全局applicationPath ：

前端插件代码：

rush:js;"> (function ($,window) { 　　　　var applicationPath = window.applicationPath === "" ? "" : window.applicationPath || "../.."; 　　　　function S4() { 　　　　　　return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); 　　　　}

function initWebUpload(item,options) {

if (!WebUploader.Uploader.support()) {
var error = "上传控件不支持您的浏览器！请尝试升级flash版本或者使用Chrome引擎的浏览器。下载页面";
if (window.console) {
window.console.log(error);
}
$(item).text(error);
return;
}

var defaults = {
hiddenInputId: "uploadifyHiddenInputId",// input hidden id
onAllComplete: function (event) { },// 当所有file都上传后执行的回调函数
onComplete: function (event) { },// 每上传一个file的回调函数
innerOptions: {},fileNumLimit: undefined,fileSizeLimit: undefined,fileSingleSizeLimit: undefined,PostbackHold: false
};

var opts = $.extend({},defaults,options);
var hdFileData = $("#" + opts.hiddenInputId);

var target = $(item);//容器
var pickerid = "";
if (typeof guidGenerator36 != 'undefined')//给一个唯一ID
pickerid = guidGenerator36();
else
pickerid = (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);

var uploaderStrdiv = '<div class="webuploader">' +
'<div id="thelist" class="uploader-list">

' +
'<div class="btns">' +
'<div id="' + pickerid + '">选择文件