91 lines
2.7 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* HTML5 批量文件上传
* @author yangjian <yangjian102621@gmail.com>
* @since v4.1.12(2017-09-12)
* @site http://git.oschina.net/blackfox/kindeditor
*/
KindEditor.plugin('multiimage', function(K) {
var self = this, name = 'multiimage',
uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'php/file_manager_json.php'),
imageSizeLimit = K.undef(self.imageSizeLimit, 2048), //单位KB
imageFileTypes = K.undef(self.imageFileTypes, 'jpg|png|gif|jpeg'),
imageUploadLimit = K.undef(self.imageUploadLimit, 20),
filePostName = K.undef(self.filePostName, 'imgFile'),
lang = self.lang(name + '.');
if(typeof jQuery == 'undefined') {
K.options.errorMsgHandler(lang.depJQueryError, "error");
return;
} else {
K.loadScript(K.options.pluginsPath+name+"/BUpload.js");
K.loadStyle(K.options.pluginsPath+name+"/css/upload.css");
}
//锁屏插件
K.locker = function () {
var docWidth = Math.max(document.documentElement.clientWidth, document.body.clientWidth);
var docHeight = Math.max(document.documentElement.clientHeight, document.body.clientHeight, $(document).height()) + document.documentElement.scrollTop;
return K.widget({
x : 0,
y : 0,
cls : 'ke-dialog-lock',
width : docWidth,
height : docHeight
});
}
self.plugin.multiImageDialog = function(options) {
if ( !window.applicationCache ) {
K.options.errorMsgHandler("您当前的浏览器不支持HTML5,请先升级浏览器才能使用该上传插件!", "error");
return;
}
var clickFn = options.clickFn;
var locker = K.locker();
locker.show();
var dialog = new BUpload({
src : filePostName,
upload_url : uploadJson,
list_url : fileManagerJson, //图片列表数据获取url
max_filesize : imageSizeLimit,
max_filenum : imageUploadLimit,
ext_allow : imageFileTypes,
lang : lang,
top : self.dialogOffset,
fileType : "image",
errorHandler : K.options.errorMsgHandler,
callback : function(data) {
//console.log(data);
clickFn.call(this, data);
},
close : function () {
locker.remove();
}
});
return dialog;
};
self.clickToolbar(name, function() {
self.plugin.multiImageDialog({
clickFn : function (urlList) {
if (urlList.length === 0) {
return;
}
K.each(urlList, function(i, data) {
if (self.afterUpload) {
self.afterUpload.call(self, data, data, 'multiimage');
}
self.exec('insertimage', data);
});
// Bugfix: [Firefox] 上传图片后总是出现正在加载的样式需要延迟执行hideDialog
setTimeout(function() {
self.hideDialog().focus();
}, 0);
}
});
});
});