' );
}
return;
} else if ( !WebUploader.Uploader.support () ) {
swal ( 'Web Uploader 不支持您的浏览器！' , '' , 'error' ).then ( function () {
} );
return;
}
var options = {
tokenUrl: window.chunk_file.prefix + '/' + "chunk-file-upload/get_qiniu_token" ,
mockToken: false ,
hash: false ,
disk: disk
};
if ( driver == 'local' ) {//本地
options.host = window.chunk_file.prefix + '/' + 'chunk-file-upload/upload';
} else if ( driver = 'qiniu' ) {
options.host = window.chunk_file.area;
}
var uploader = WebUploader.create ( {
swf: "Uploader.swf" ,
server: options.host ,
pick: {
id: '#filePicker' + name ,
label: '点击选择文件'
} ,
duplicate: true ,
resize: false ,
dnd: "#dndArea" + name ,
paste: document.body ,
disableGlobalDnd: true ,
thumb: {
width: 100
, height: 100
, quality: 70
, allowMagnify: true
, crop: true
} ,
accept: accept ,
compress: false ,
prepareNextFile: true ,
chunked: true ,
chunkSize: 4 * 1024 * 1024 ,
threads: 5 ,
fileNumLimit: window.chunk_file.fileNumLimit ,
fileSizeLimit: window.chunk_file.fileSizeLimit ,
// duplicate: false
} );
var token;
var m = new Map ();
// 添加“添加文件”的按钮，
if ( window.chunk_file.fileNumLimit <= 1 ) {
uploader.addButton ( {
id: '#filePicker2' + name ,
label: '重新选择'
} );
} else {
uploader.addButton ( {
id: '#filePicker2' + name ,
label: '继续选择'
} );
}
//只能单传图片
uploader.on ( "beforeFileQueued" , function ( file ) {
if ( window.chunk_file.fileNumLimit <= 1 ) {//单传
if ( $ ( 'ul.filelist li' ).length ) {
var file_id = $ ( 'ul.filelist' ).children ( 'li' ).attr ( 'id' );
uploader.removeFile ( file_id );
}
}
} );
//错误提示
uploader.on ( "error" , function ( type , handler ) {
switch ( type ) {
case 'Q_EXCEED_NUM_LIMIT':
swal ( '上传文件总数量不能超过' + uploader.options.fileNumLimit + '个' , '' , 'error' ).then ( function () {
} );
break;
case 'Q_EXCEED_SIZE_LIMIT':
swal ( '上传文件大小不能超过' + uploader.options.fileSizeLimit + "KB" , '' , 'error' ).then ( function () {
} );
break;
case 'Q_TYPE_DENIED':
swal ( '上传文件类型不被允许' , '' , 'error' ).then ( function () {
} );
break;
}
} );
//当文件被加入队列以后触发。
uploader.on ( "fileQueued" , function ( file ) {
fileCount++;
fileSize += file.size;
var ctx = new Array ();
m.set ( file.name , ctx );
if ( fileCount === 1 ) {
$placeHolder.addClass ( 'element-invisible' );
$statusBar.show ();
}
addFile ( file );
setState ( 'ready' );
updateTotalProgress ();
} );
uploader.on ( "uploadStart" , function ( file ) {
if ( driver == 'qiniu' ) {//七牛，传递七牛key
if ( !options.mockToken ) {
GetToken ( options.tokenUrl , file );
} else {
uploader.options.formData = {
token: options.mockTokenValue
};
token = options.mockTokenValue;
}
} else {//laravel传递laravelkey
uploader.options.formData._token = $ ( 'meta[name="csrf-token"]' ).attr ( 'content' );
}
var name = Date.parse ( new Date () ) + Math.random ().toString ( 36 ).substr ( 2 ) + '.' + file.source.ext;
uploader.options.formData.key = name;
uploader.options.formData.disk = options.disk;
} );
uploader.on ( "uploadBeforeSend" , function ( block , data , headers ) {
if ( parseInt ( block.file.size ) <= parseInt ( uploader.options.chunkSize ) ) {
uploader.options.chunked = false;
} else {
uploader.options.chunked = true;
headers['Authorization'] = 'UpToken ' + token;
headers['Content-Type'] = 'application/octet-stream';
block.transport.options.server = options.host + "/mkblk/" + (block.end - block.start);
block.transport.options.sendAsBinary = true;
block.transport.options.formData = false;
}
} );
uploader.onUploadProgress = function ( file , percentage ) {
var $li = $ ( '#' + file.id ) ,
$percent = $li.find ( '.progress span' );
$percent.css ( 'width' , percentage * 100 + '%' );
percentages[file.id][1] = percentage;
updateTotalProgress ();
};
uploader.on ( "uploadAccept" , function ( block , ret ) {
//ctx[block.chunk] = ret.ctx;
m.get ( block.file.name )[block.chunk] = ret.ctx;
} );
uploader.on ( "uploadSuccess" , function ( file , res ) {
//成功之后，给li加上key值
$ ( '#' + file.id ).attr ( 'dataSrc' , res.key );
if ( parseInt ( file.size ) <= parseInt ( uploader.options.chunkSize ) ) {//大于就分片，小于就完毕
UploadComplete ( file , res );
} else {
MakeFile ( m.get ( file.name ) , file , options.hash );
}
} );
uploader.on ( 'all' , function ( type ) {
var stats;
switch ( type ) {
case 'uploadFinished'://都结束了
$ ( '.form-horizontal button[type="submit"]' ).attr ( 'disabled' , false ).css ( { "cursor": "pointer" } ).attr ( 'title' , '' );
setState ( 'confirm' );
break;
case 'startUpload'://开始上传
$ ( '.form-horizontal button[type="submit"]' ).attr ( 'disabled' , true ).css ( { "cursor": " no-drop" } ).attr ( 'title' , '上传文件中...' );
setState ( 'uploading' );
break;
case 'stopUpload'://暂停上传
$ ( '.form-horizontal button[type="submit"]' ).attr ( 'disabled' , true ).css ( { "cursor": " no-drop" } ).attr ( 'title' , '上传文件暂停...' );
setState ( 'paused' );
break;
}
} );
uploader.on ( "fileDequeued" , function ( file , res ) {
fileCount--;
fileSize -= file.size;
if ( !fileCount ) {
setState ( 'pedding' );
}
removeFile ( file );
updateTotalProgress ();
} );
$upload.on ( 'click' , function () {
if ( $ ( this ).hasClass ( 'disabled' ) ) {
return false;
}
if ( state === 'ready' ) {
uploader.upload ();
} else if ( state === 'paused' ) {
uploader.upload ();
} else if ( state === 'uploading' ) {
uploader.stop ( true );
}
} );
$info.on ( 'click' , '.retry' , function () {
uploader.retry ();
} );
$info.on ( 'click' , '.ignore' , function () {
swal ( '已忽略' , '' , 'error' ).then ( function () {
} );
} );
$upload.addClass ( 'state-' + state );
function GetToken ( tokenUrl , file ) {
$.ajax ( {
async: false ,
type: 'get' ,
url: tokenUrl ,
dataType: 'json' ,
data: {
disk: disk
} ,
success: function ( res ) {
if ( res.code ) {
token = res.uptoken;
if ( options.hash ) {
uploader.options.formData = {
token: token ,
}
} else {
uploader.options.formData = {
token: token ,
key: file.name
}
}
} else {
swal ( res.msg , '' , 'error' ).then ( function () {
} );
throw '获取token错误';
}
}
} );
}
function MakeFile ( ctx , file , hash ) {
var b = ctx.join ( "," );
if ( hash ) {//key固定
$.ajax ( {
headers: {
'X-CSRF-TOKEN': $ ( 'meta[name="csrf-token"]' ).attr ( 'content' ) ,
'file-id': file.id ,
'file-ext': file.source.ext ,
'disk': disk
} ,
type: 'POST' ,
url: options.host + '/mkfile/' + file.size ,
data: b ,
contentType: "text/plain" ,
contentLength: b.length ,
beforeSend: function ( XMLHttpRequest ) {
XMLHttpRequest.setRequestHeader ( "Authorization" , 'UpToken ' + token );
} ,
success: function ( res ) {
UploadComplete ( file , res );
}
} );
} else {//key不固定
$.ajax ( {
headers: {
'X-CSRF-TOKEN': $ ( 'meta[name="csrf-token"]' ).attr ( 'content' ) ,
'file-id': file.id ,
'file-ext': file.source.ext ,
'disk': disk
} ,
type: 'POST' ,
url: options.host + '/mkfile/' + file.size + '/key/' + URLSafeBase64Encode ( uploader.options.formData.key ) ,
data: b ,
contentType: "text/plain" ,
contentLength: b.length ,
beforeSend: function ( XMLHttpRequest ) {
XMLHttpRequest.setRequestHeader ( "Authorization" , 'UpToken ' + token );
} ,
success: function ( res ) {
UploadComplete ( file , res );
}
} );
}
}
function UploadComplete ( file , res ) {
if ( window.chunk_file.fileNumLimit <= 1 ) {
$ ( '#' + name + '-savedpath' ).val ( window.chunk_file.url + '/' + res.key );
} else {
if ( window.chunk_file.saveType == 'json' ) {//为json类型
if ( initVal ) {//如果初始有数据
$ ( '#' + name + '-savedpath' ).val ( '' );
initVal = false;//然后置false
}
//先拿出来
var data = $ ( '#' + name + '-savedpath' ).val ();
if ( !data ) {//为空
data = new Array ();
data.push ( res.key );
} else {
try {
data = JSON.parse ( data );
} catch ( e ) {
data = new Array ();
}
data.push ( res.key );
}
$ ( '#' + name + '-savedpath' ).val ( JSON.stringify ( data ) );
}
}
ctx = new Array ();
uploader.options.chunked = true;
}
function URLSafeBase64Decode ( data ) {
data = data.replace ( /_/g , '/' ).replace ( /-/g , '+' );
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var o1 , o2 , o3 , h1 , h2 , h3 , h4 , bits , i = 0 ,
ac = 0 ,
dec = "" ,
tmp_arr = [];
if ( !data ) {
return data;
}
data += '';
do { // unpack four hexets into three octets using index points in b64
h1 = b64.indexOf ( data.charAt ( i++ ) );
h2 = b64.indexOf ( data.charAt ( i++ ) );
h3 = b64.indexOf ( data.charAt ( i++ ) );
h4 = b64.indexOf ( data.charAt ( i++ ) );
bits = h1 << 18 | h2 << 12 | h3 << 6 | h4;
o1 = bits >> 16 & 0xff;
o2 = bits >> 8 & 0xff;
o3 = bits & 0xff;
if ( h3 === 64 ) {
tmp_arr[ac++] = String.fromCharCode ( o1 );
} else if ( h4 === 64 ) {
tmp_arr[ac++] = String.fromCharCode ( o1 , o2 );
} else {
tmp_arr[ac++] = String.fromCharCode ( o1 , o2 , o3 );
}
} while ( i < data.length );
dec = tmp_arr.join ( '' );
return dec;
}
function utf8_encode ( argString ) {
if ( argString === null || typeof argString === 'undefined' ) {
return '';
}
var string = (argString + ''); // .replace(/\r\n/g, '\n').replace(/\r/g, '\n');
var utftext = '' ,
start , end , stringl = 0;
start = end = 0;
stringl = string.length;
for ( var n = 0 ; n < stringl ; n++ ) {
var c1 = string.charCodeAt ( n );
var enc = null;
if ( c1 < 128 ) {
end++;
} else if ( c1 > 127 && c1 < 2048 ) {
enc = String.fromCharCode (
(c1 >> 6) | 192 , (c1 & 63) | 128
);
} else if ( c1 & 0xF800 ^ 0xD800 > 0 ) {
enc = String.fromCharCode (
(c1 >> 12) | 224 , ((c1 >> 6) & 63) | 128 , (c1 & 63) | 128
);
} else { // surrogate pairs
if ( c1 & 0xFC00 ^ 0xD800 > 0 ) {
throw new RangeError ( 'Unmatched trail surrogate at ' + n );
}
var c2 = string.charCodeAt ( ++n );
if ( c2 & 0xFC00 ^ 0xDC00 > 0 ) {
throw new RangeError ( 'Unmatched lead surrogate at ' + (n - 1) );
}
c1 = ((c1 & 0x3FF) << 10) + (c2 & 0x3FF) + 0x10000;
enc = String.fromCharCode (
(c1 >> 18) | 240 , ((c1 >> 12) & 63) | 128 , ((c1 >> 6) & 63) | 128 , (c1 & 63) | 128
);
}
if ( enc !== null ) {
if ( end > start ) {
utftext += string.slice ( start , end );
}
utftext += enc;
start = end = n + 1;
}
}
if ( end > start ) {
utftext += string.slice ( start , stringl );
}
return utftext;
}
function URLSafeBase64Encode ( data ) {
var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var o1 , o2 , o3 , h1 , h2 , h3 , h4 , bits , i = 0 ,
ac = 0 ,
enc = '' ,
tmp_arr = [];
if ( !data ) {
return data;
}
data = utf8_encode ( data + '' );
do { // pack three octets into four hexets
o1 = data.charCodeAt ( i++ );
o2 = data.charCodeAt ( i++ );
o3 = data.charCodeAt ( i++ );
bits = o1 << 16 | o2 << 8 | o3;
h1 = bits >> 18 & 0x3f;
h2 = bits >> 12 & 0x3f;
h3 = bits >> 6 & 0x3f;
h4 = bits & 0x3f;
// use hexets to index into b64, and append result to encoded string
tmp_arr[ac++] = b64.charAt ( h1 ) + b64.charAt ( h2 ) + b64.charAt ( h3 ) + b64.charAt ( h4 );
} while ( i < data.length );
enc = tmp_arr.join ( '' );
switch ( data.length % 3 ) {
case 1:
enc = enc.slice ( 0 , -2 ) + '==';
break;
case 2:
enc = enc.slice ( 0 , -1 ) + '=';
break;
}
return enc.replace ( /\//g , '_' ).replace ( /\+/g , '-' );
}
// 当有文件添加进来时执行，负责view的创建
function addFile ( file ) {
var $li = $ ( '' + file.name + '
' + '' + '' + '