/**
* Created by yantingdiwu on 2020/2/6.
*/
var __apply = {
data: {
token: '',
url: '',
bucket: '',
isUploading: false
},
getUpToken: function (callback) {
$.ajax({
url: "../ajax/get-qiniu-token.php?prefix=user",
type: "get"
})
.done(function (res) {
if (res.code == 0) {
callback && callback(res.data);
}
})
},
initUpload: function ($btn, $uploadList, uploadType) {
__apply[$btn] = Qiniu.uploader({
runtimes: 'html5,flash,html4', //涓婁紶妯″紡,渚濇閫€鍖
browse_button: $btn, //涓婁紶閫夋嫨鐨勭偣閫夋寜閽紝**蹇呴渶**
domain: __apply.data.bucket, //bucket 鍩熷悕锛屼笅杞借祫婧愭椂鐢ㄥ埌锛?*蹇呴渶**
get_new_uptoken: false, //璁剧疆涓婁紶鏂囦欢鐨勬椂鍊欐槸鍚︽瘡娆￠兘閲嶆柊鑾峰彇鏂扮殑token
max_file_size: '500mb', //鏈€澶ф枃浠朵綋绉檺鍒
flash_swf_url: 'Moxie.swf', //寮曞叆flash,鐩稿璺緞
max_retries: 2, //涓婁紶澶辫触鏈€澶ч噸璇曟鏁
dragdrop: false, //寮€鍚彲鎷栨洺涓婁紶
chunk_size: '4mb', //鍒嗗潡涓婁紶鏃讹紝姣忕墖鐨勪綋绉
filters: {
mime_types: [{
title: "Image files",
extensions: "png,jpg,jpeg,pdf"
}],
prevent_duplicates: false
},
multi_selection:uploadType != 5,
uptoken: __apply.data.token,
auto_start: true,
duplicate: false,
init: {
FilesAdded: function (up, file) {
// console.log(file)
for (var i in file) {
if (!/\.(jpg|jpeg|png|JPG|PNG|pdf|PDF)$/.test(file[i].name)) {
layer.msg('璇蜂笂浼爌df鎴杍pg锛宲ng')
return
}
}
var len = $uploadList.find('li').length + file.length;
if (len > 5) {
for (var i in file) {
this.removeFile(file[i].id);
}
__apply.layer.msg('鏈€澶氫笂浼?涓檮浠?);
this.stop();
return false;
}
__apply.data.isUploading = true;
for (var i in file) {
console.log(uploadType);
if(uploadType == 5){
$uploadList.html(__apply.FilesAddedFun(file[i], uploadType,$btn));
}else{
$uploadList.append(__apply.FilesAddedFun(file[i], uploadType,$btn));
}
}
},
UploadProgress: function (up, file) {
var $uploadBox = $('#' + file.id);
$uploadBox.find('.progress-bar').css('width', file.percent + '%');
},
FileUploaded: function (up, file, info) {
var domain = up.getOption('domain');
var res = eval('(' + info + ')');
var sourceLink = __apply.data.url + res.key; //鑾峰彇涓婁紶鏂囦欢鐨勯摼鎺ュ湴鍧€
__apply.data.isUploading = false;
__apply.UploadedFun(file, sourceLink);
},
Error: function (up, err, errTip) {
var $uploadBox = $('#' + up.files.id);
if (!/\.(jpg|jpeg|png|JPG|PNG|pdf|PDF)$/.test(err.file.name)) {
layer.msg('璇蜂笂浼爌df鎴杍pg锛宲ng')
// return
}
$uploadBox.removeClass().addClass('uploaderro');
},
Key: function (up, file) {
var nowDays = new Date();
var years = nowDays.getFullYear();
var months = nowDays.getMonth() + 1,
months = months < 10 ? "0" + months : months;
var days = nowDays.getDate(),
days = days < 10 ? "0" + days : days;
var hours = nowDays.getHours(),
hours = hours < 10 ? "0" + hours : hours;
var name = file.name,
len = name.lastIndexOf(".")+1,
needName = file.id.substr(-6) + "." + name.substring(len, name.length);
var key = years + "/" + months + "/" + days + "/" + hours + "/video/" + needName;
return key;
}
}
});
},
UploadedFun: function (file, sourceLink) {
var $uploadBox = $('#' + file.id),
filetype = $uploadBox.data('type'),
$name = $uploadBox.find('.name'),
value = sourceLink + ',' + $name.text();
if (filetype == 'png' || filetype == 'jpg' || filetype == 'jpeg') {
$name.addClass('_previewImg');
$uploadBox.find('._iconImg').attr('src', sourceLink).removeClass('hide');
$uploadBox.find('._iconPic').remove();
} else {
$name.attr('href', sourceLink);
}
$uploadBox.find('._value').val(value);
setTimeout(function () {
setTimeout(function () {
$uploadBox.find('.progress-bar').hide();
$uploadBox.removeClass().addClass('uploaded');
}, 500);
$uploadBox.find('.progress-bar').addClass('progress-bar-cuccess');
}, 500)
},
FilesAddedFun: function (file, uploadType,$btn) {
var name = file.name,
index = name.lastIndexOf('.'),
type = name.substring(index + 1, name.length),
uploadText = '',
typeIcon = '';
switch (type) {
case 'png':
case 'jpg':
case 'jpeg':
typeIcon = '![]()
' + name + '';
break;
default:
typeIcon = '
' + name + '';
break;
}
uploadText = ' ' + typeIcon +
'' +
'' +
' 鍒犻櫎' +
'' +
'' +
'';
return uploadText;
},
previewImgFun: function () {
var url = $(this).find('._iconImg').attr('src');
__apply.layer.open({
type: 1,
title: '',
area: '500px',
scrollbar: false,
content: '
'
});
},
uploadHandleFun: function () {
var $this = $(this),
type = $this.data('type'),
id = $this.parents('li').attr('id'),
uploader = $this.parents('.form-input').find('.border-upload-btn').attr('id') || $this.attr("data-id"),
layerMsg = type == 'cancel' ? '鎮ㄧ‘璁よ鍙栨秷涓婁紶鍚楋紵涓嶇‘璁ょ偣鍑诲彇娑堬紒' : '鎮ㄧ‘璁よ鍒犻櫎璇ラ檮浠跺悧锛熶笉纭鐐瑰嚮鍙栨秷锛?;
if (type == 'again') {
__apply[uploader].start(id);
return false;
}
__apply.layer.confirm(layerMsg, {
btn: ['纭', '鍙栨秷'] //鎸夐挳
}, function (index) {
__apply[uploader].removeFile(id);
__apply.layer.close(index);
$this.parents('li').remove();
});
},
uploadListToggleFun: function () {
var $this = $(this),
$uploadList = $this.parents('._formCon').find('.upload-list');
$this.toggleClass('open-list-icon');
$uploadList.slideToggle();
},
init: function () {
__apply.getUpToken(function (res) {
__apply.data.token = res.token;
__apply.data.url = res.img_url;
__apply.data.bucket = res.bucket + res.file_base_path;
__apply.initUpload('uploadBuslicense', $('._uploadBuslicenseList'), 1);
__apply.initUpload('uploadQualification', $('._uploadQualificationList'), 2);
__apply.initUpload('uploadHonor', $('._uploadHonorList'), 3);
__apply.initUpload('uploadElse', $('._uploadElseList'), 4);
__apply.initUpload('uploadApplicat', $('._uploadApplicatList'), 1);
__apply.initUpload('_uploadApplyTableFile',$("#_uploadFileList"),5);
})
layui.use(['layer', 'laydate'], function () {
var laydate = layui.laydate;
__apply.layer = layui.layer;
//鍒濆鍖栨椂闂
laydate.render({
elem: "._selectDate",
min: "1800-01-01",
max: "2050-01-01",
type: "date",
trigger: "click",
format: "yyyy-MM-dd"
});
})
}
}
$(function () {
__apply.init();
$(document)
// 涓婁紶鏂囦欢涓哄浘鐗囨椂棰勮鍥剧墖
.on('click', '._previewImg', __apply.previewImgFun)
// 涓婁紶鏂囦欢鎿嶄綔鎸夐挳
.on('click', '._uploadHandleBtn', __apply.uploadHandleFun)
// 涓婁紶闄勪欢鍒楄〃鎶樺彔
.on('click', '.list-icon', __apply.uploadListToggleFun)
})