" + fileType + "
"; //默认显示类型
if(isImg) {
if(!isNull(isImgUrl)) { //图片显示类型
showTypeStr = "![](" + isImgUrl + ")
";
}
}
var modelStr = "";
if((fileCodeId + "").indexOf("liuq|") > -1) {
fileCodeId = fileCodeId.substring(5);
modelStr += "";
} else {
modelStr += "
";
}
modelStr += "
";
return modelStr;
},
/**
* 初始化布局
* @param opt 参数对象
*/
"initWithLayout": function(opt) {
var uploadId = opt.uploadId;
//选择文件和上传按钮模板
var btsStr = "";
btsStr += "";
modelStr += showTypeStr;
modelStr += "
";
modelStr += "";
if(delBtn) {
modelStr += "";
}
modelStr += "
";
modelStr += " ";
modelStr += fileName;
modelStr += "
";
modelStr += " ";
//上传按钮
if(!opt.isHiddenChooseBt) {
btsStr += "
";
layui.$("#" + uploadId).append(btsStr);
//添加文件显示框
var boxStr = "";
layui.$("#" + uploadId).append(boxStr);
},
/**
* 初始化拖拽事件
* @param opt 参数对象
*/
"initWithDrag": function(opt) {
var canDrag = opt.canDrag;
var uploadId = opt.uploadId;
if(canDrag) {
layui.$(document).on({
dragleave: function(e) { //拖离
e.preventDefault();
},
drop: function(e) { //拖后放
e.preventDefault();
},
dragenter: function(e) { //拖进
e.preventDefault();
},
dragover: function(e) { //拖来拖去
e.preventDefault();
}
});
var box = layui.$("#" + uploadId + " .box").get(0);
if(box != null) {
//验证图片格式，大小，是否存在
box.addEventListener("drop", function(e) {
uploadEvent.dragListingEvent(e, opt);
});
}
}
},
/**
* 删除文件
* @param opt
*/
"initWithDeleteFile": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .fileItem .status i").off();
layui.$("#" + uploadId + " .fileItem .status i").on("click", function() {
uploadEvent.deleteFileEvent(opt, this);
var deleteFileName = layui.$(this).parent().parent().attr('filecodeid');
var fileInputHidden = layui.$("input[name=" + uploadId + "]").val();
layui.$("input[name=" + uploadId + "]").val(fileInputHidden.replace(deleteFileName, '').replace('||', '|'));
return false;
})
},
/**
* 获取文件名后缀
* @param fileName 文件名全名
* */
"getSuffixNameByFileName": function(fileName) {
var str = fileName;
var pos = str.lastIndexOf(".") + 1;
var lastname = str.substring(pos, str.length);
return lastname;
},
/**
* 判断某个值是否在这个数组内
* */
"isInArray": function(strFound, arrays) {
var ishave = false;
for(var i = 0; i < arrays.length; i++) {
if(strFound == arrays[i]) {
ishave = true;
break;
}
}
return ishave;
},
/**
* 文件是否已经存在
* */
"fileIsExit": function(file, opt) {
var fileList = uploadFileList.getFileList(opt);
var ishave = false;
for(var i = 0; i < fileList.length; i++) {
//文件名相同，文件大小相同
if(fileList[i] != null && fileList[i].name == file.name && fileList[i].size == file.size) {
ishave = true;
}
}
return ishave;
},
/**
* 添加文件到列表
* */
"addFileList": function(fileList, opt) {
var uploadId = opt.uploadId;
var boxJsObj = layui.$("#" + uploadId + " .box").get(0);
var fileListArray = uploadFileList.getFileList(opt);
var fileNumber = uploadTools.getFileNumber(opt);
if(fileNumber + fileList.length > opt.maxFileNumber) {
alert("最多只能上传" + opt.maxFileNumber + "个文件");
return;
}
var imgtest = /image\/(\w)*/; //图片文件测试
var fileTypeArray = opt.fileType; //文件类型集合
var fileSizeLimit = opt.size; //文件大小限制
for(var i = 0; i < fileList.length; i++) {
//判断文件是否存在
if(uploadTools.fileIsExit(fileList[i], opt)) {
alert("文件（" + fileList[i].name + "）已经存在！");
continue;
}
var fileTypeStr = uploadTools.getSuffixNameByFileName(fileList[i].name);
//文件大小显示判断
if(fileSizeLimit != -1 && fileList[i].size > (fileSizeLimit * 1000)) {
alert("文件（" + fileList[i].name + "）超出了大小限制！请控制在" + fileSizeLimit + "KB内");
continue;
}
//文件类型判断
if(fileTypeArray == "*" || uploadTools.isInArray(fileTypeStr, fileTypeArray)) {
var fileTypeUpcaseStr = fileTypeStr.toUpperCase();
if(imgtest.test(fileList[i].type)) {
//var imgUrlStr = window.webkitURL.createObjectURL(fileList[i]);//获取文件路径
var imgUrlStr = ""; //获取文件路径
if(window.createObjectURL != undefined) { // basic
imgUrlStr = window.createObjectURL(fileList[i]);
} else if(window.URL != undefined) { // mozilla(firefox)
imgUrlStr = window.URL.createObjectURL(fileList[i]);
} else if(window.webkitURL != undefined) { // webkit or chrome
imgUrlStr = window.webkitURL.createObjectURL(fileList[i]);
}
var fileModel = uploadTools.getShowFileType(true, fileTypeUpcaseStr, fileList[i].name, imgUrlStr, fileListArray.length);
layui.$(boxJsObj).append(fileModel);
} else {
var fileModel = uploadTools.getShowFileType(true, fileTypeUpcaseStr, fileList[i].name, null, fileListArray.length);
layui.$(boxJsObj).append(fileModel);
}
uploadTools.initWithDeleteFile(opt);
fileListArray[fileListArray.length] = fileList[i];
} else {
alert("不支持该格式文件上传:" + fileList[i].name);
}
}
layui.$("#" + uploadId).trigger("check");
uploadFileList.setFileList(fileListArray, opt);
},
/**
* 清除选择文件的input
* */
"cleanFilInputWithSelectFile": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + "_file").remove();
},
/**
* 上传文件失败集体显示
* @param opt
*/
"uploadError": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .box .fileItem .status>i").addClass("iconfont icon-cha");
var progressBar = layui.$("#" + uploadId + " .subberProgress .progress>div");
progressBar.css("width", "0%");
progressBar.html("0%");
},
/**
* 上传文件失败集体显示
* @param opt
*/
"uploadSuccess": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .box .fileItem .status>i").off();
layui.$("#" + uploadId + " .box .fileItem .status>i").addClass("iconfont icon-gou");
var progressBar = layui.$("#" + uploadId + " .subberProgress .progress>div");
progressBar.css("width", "0%");
progressBar.html("0%");
},
/**
* 获取文件上传总数据量
* @param opt
* @returns {number}
*/
"getFilesDataAmount": function(opt) {
var fileList = uploadFileList.getFileList(opt);
var summer = 0;
for(var i = 0; i < fileList.length; i++) {
var fileItem = fileList[i];
if(fileItem != null)
summer = parseFloat(summer) + fileItem.size;
}
return summer;
},
/**
* 上传文件
*/
"uploadFile": function(opt) {
var uploadUrl = opt.uploadUrl;
var fileList = uploadFileList.getFileList(opt);
var formData = new FormData();
var fileNumber = uploadTools.getFileNumber(opt);
if(fileNumber <= 0) {
alert("没有文件，不支持上传");
return;
}
for(var i = 0; i < fileList.length; i++) {
if(fileList[i] != null) {
formData.append("file", fileList[i]);
}
}
if(opt.otherData != null && opt.otherData != "") {
for(var j = 0; j < opt.otherData.length; j++) {
formData.append(opt.otherData[j].name, opt.otherData[j].value);
}
}
formData.append("filelSavePath", opt.filelSavePath);
if(uploadUrl != "#" && uploadUrl != "") {
uploadTools.disableFileUpload(opt); //禁用文件上传
uploadTools.disableCleanFile(opt); //禁用清除文件
layui.$.ajax({
type: "post",
url: uploadUrl,
data: formData,
async: opt.async,
processData: false,
contentType: false,
success: function(data) {
uploadTools.initWithCleanFile(opt);
//setTimeout(function(){opt.onUpload(opt,data)},500);
opt.onUpload(opt, data)
if(opt.isAutoClean) {
setTimeout(function() {
uploadEvent.cleanFileEvent(opt);
}, 2000);
}
},
error: function(e) {
}
});
} else {
uploadTools.disableFileUpload(opt); //禁用文件上传
uploadTools.disableCleanFile(opt); //禁用清除文件
}
if(opt.uploadUrl == "#" || opt.uploadUrl == "") {
uploadTools.getFileUploadPregressMsg(opt);
}
},
/**
* 获取文件上传进度信息
*/
"getFileUploadPregressMsg": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .box .fileItem .status>i").removeClass();
if(opt.uploadUrl == "#" || opt.uploadUrl == "") {
if(opt.velocity == null || opt.velocity == "" || opt.velocity <= 0) {
opt.velocity = 1;
}
var filesDataAmount = uploadTools.getFilesDataAmount(opt);
var percent = 0;
var bytesRead = 0;
var intervalId = setInterval(function() {
bytesRead += 5000 * parseFloat(opt.velocity);
if(!opt.scheduleStandard) {
percent = bytesRead / filesDataAmount * 100;
percent = percent.toFixed(2);
if(percent >= 100) {
clearInterval(intervalId);
percent = 100; //不能大于100
uploadTools.initWithCleanFile(opt);
uploadTools.uploadSuccess(opt);
}
} else {
percent += parseFloat(opt.velocity);
if(percent >= 100) {
clearInterval(intervalId);
percent = 100; //不能大于100
uploadTools.initWithCleanFile(opt);
uploadTools.uploadSuccess(opt);
}
}
}, 500);
}
},
/**
* 禁用文件上传
*/
"disableFileUpload": function(opt) {
if(!opt.isHiddenUploadBt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .uploadBts .uploadFileBt").off();
layui.$("#" + uploadId + " .uploadBts .uploadFileBt i").css("color", "#DDDDDD");
}
},
/**
* 禁用文件清除
*/
"disableCleanFile": function(opt) {
if(!opt.isHiddenCleanBt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId + " .uploadBts .cleanFileBt").off();
layui.$("#" + uploadId + " .uploadBts .cleanFileBt i").css("color", "#DDDDDD");
}
},
/**
* 获取文件个数
* @param opt
*/
"getFileNumber": function(opt) {
var number = 0;
var fileList = uploadFileList.getFileList(opt);
for(var i = 0; i < fileList.length; i++) {
if(fileList[i] != null) {
number++;
}
}
return number;
},
"flushOpt": function(opt) {
var uploadId = opt.uploadId;
layui.$("#" + uploadId).data("opt", opt);
},
"getOpt": function(uploadId) {
var opt = layui.$("#" + uploadId).data("opt");
return opt;
},
//搞个假文件进去
"showFile": function(imgString, opt, host, delBtn) {
if(host == undefined) {
host = "";
}
var imags = "JPG|GIF|PNG|JPEG";
var S = imgString.split("|");
for(var i = 0; i < S.length; i++) {
var filename = S[i];
if(filename != "") {
var filetype = filename.substring(filename.lastIndexOf(".") + 1).toUpperCase();
filename = filename.substring(0, filename.lastIndexOf("-")).substring(filename.lastIndexOf("/") + 1) + "." + filetype;
// console.log(filename);
if(imags.indexOf(filetype) > -1) {
// console.log(host+S[i]);
var fileModel = uploadTools.getShowFileType(true, filetype, filename, host + S[i], "liuq|" + S[i], delBtn);
var boxJsObj = layui.$("#" + opt.uploadId + " .box").get(0);
layui.$(boxJsObj).append(fileModel);
} else {
var fileModel = uploadTools.getShowFileType(true, filetype, filename, null, "liuq|" + S[i], delBtn);
var boxJsObj = layui.$("#" + opt.uploadId + " .box").get(0);
layui.$(boxJsObj).append(fileModel);
}
}
}
if(!opt.isHiddenDelBt) {
uploadTools.initWithDeleteFile(opt);
}
},
};
/**
* 上传事件操作
* */
var uploadEvent = {
/**
* 拖动时操作事件
*/
"dragListingEvent": function(e, opt) {
e.preventDefault(); //取消默认浏览器拖拽效果
var fileList = e.dataTransfer.files; //获取文件对象
uploadTools.addFileList(fileList, opt);
if(opt.autoCommit) {
uploadEvent.uploadFileEvent(opt);
}
},
/**
* 删除文件对应的事件
* */
"deleteFileEvent": function(opt, obj) {
var fileItem = layui.$(obj).parent().parent();
var fileCodeId = fileItem.attr("fileCodeId");
var fileListArray = uploadFileList.getFileList(opt);
delete fileListArray[fileCodeId];
uploadFileList.setFileList(fileListArray, opt);
fileItem.remove();
},
/**
* 选择文件按钮事件
* @param opt
*/
"selectFileEvent": function(opt) {
var uploadId = opt.uploadId;
var ismultiple = opt.ismultiple;
var inputObj = document.createElement('input');
inputObj.setAttribute('id', uploadId + '_file');
inputObj.setAttribute('type', 'file');
inputObj.setAttribute("style", 'visibility:hidden');
if(ismultiple) { //是否选择多文件
inputObj.setAttribute("multiple", "multiple");
}
layui.$(inputObj).on("change", function() {
uploadEvent.selectFileChangeEvent(this.files, opt);
});
document.body.appendChild(inputObj);
inputObj.click();
},
/**
* 选择文件后对文件的回调事件
* @param opt
*/
"selectFileChangeEvent": function(files, opt) {
uploadTools.addFileList(files, opt);
uploadTools.cleanFilInputWithSelectFile(opt);
if(opt.autoCommit) {
uploadEvent.uploadFileEvent(opt);
}
},
/**
* 上传文件的事件
* */
"uploadFileEvent": function(opt) {
uploadTools.flushOpt(opt);
if(opt.beforeUpload != null && (typeof opt.beforeUpload === "function")) {
opt.beforeUpload(opt);
}
uploadTools.uploadFile(opt);
},
/**
* 清除文件事件
*/
"cleanFileEvent": function(opt) {
var uploadId = opt.uploadId;
if(opt.showSummerProgress) {
layui.$("#" + uploadId + " .subberProgress").css("display", "none");
layui.$("#" + uploadId + " .subberProgress .progress>div").css("width", "0%");
layui.$("#" + uploadId + " .subberProgress .progress>div").html("0%");
}
uploadTools.cleanFilInputWithSelectFile(opt);
uploadFileList.setFileList([], opt);
layui.$("#" + uploadId + " .box").html("");
uploadTools.initWithUpload(opt); //初始化上传
}
};
var uploadFileList = {
"initFileList": function(opt) {
opt.fileList = new Array();
},
"getFileList": function(opt) {
return opt.fileList;
},
"setFileList": function(fileList, opt) {
opt.fileList = fileList;
uploadTools.flushOpt(opt);
}
};
var formTake = {
"getData": function(formId) {
var formData = {};
var $form = layui.$("#" + formId);
var input_doms = $form.find("input[name][ignore!='true'],textarea[name][ignore!='true']");
var select_doms = $form.find("select[name][ignore!='true']");
for(var i = 0; i < input_doms.length; i++) {
var inputItem = input_doms.eq(i);
var inputName = "";
if(inputItem.attr("type") == "radio") {
if(inputItem.is(":checked")) {
inputName = inputItem.attr("name");
formData[inputName] = layui.$.trim(inputItem.val());
}
} else {
inputName = inputItem.attr("name");
formData[inputName] = layui.$.trim(inputItem.val());
}
}
for(var j = 0; j < select_doms.length; j++) {
var selectItem = select_doms.eq(j);
var selectName = selectItem.attr("name");
formData[selectName] = layui.$.trim(selectItem.val());
}
return formData;
},
"getDataWithUploadFile": function(formId) {
var formData = [];
var $form = layui.$("#" + formId);
var input_doms = $form.find("input[name][ignore!='true'],textarea[name][ignore!='true']");
var select_doms = $form.find("select[name][ignore!='true']");
for(var i = 0; i < input_doms.length; i++) {
var inputItem = input_doms.eq(i);
var inputName = "";
if(inputItem.attr("type") == "radio") {
if(inputItem.is(":checked")) {
inputName = inputItem.attr("name");
formData[formData.length] = {
"name": inputName,
"value": layui.$.trim(inputItem.val())
}
}
} else {
inputName = inputItem.attr("name");
formData[formData.length] = {
"name": inputName,
"value": layui.$.trim(inputItem.val())
}
}
}
for(var j = 0; j < select_doms.length; j++) {
var selectItem = select_doms.eq(j);
var selectName = selectItem.attr("name");
formData[formData.length] = {
"name": selectName,
"value": layui.$.trim(selectItem.val())
}
}
return formData;
}
};
function showFilemsg(file) {
window.open(file);
}
";
btsStr += "
";
}
//上传按钮
if(!opt.isHiddenUploadBt) {
btsStr += "选择文件
";
btsStr += "";
btsStr += "";
btsStr += "
";
}
//清理按钮
if(!opt.isHiddenCleanBt) {
btsStr += "";
btsStr += "";
btsStr += "
";
}
//提示内容
btsStr += "";
btsStr += opt.msg;
btsStr += "
";
btsStr += "