multiimage.js
2.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
/**
* 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);
}
});
});
});