You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1300 lines
67 KiB
1300 lines
67 KiB
/*!
|
|
* jQuery.filer
|
|
* Copyright (c) 2015 CreativeDream
|
|
* Website: https://github.com/CreativeDream/jquery.filer
|
|
* Version: 1.0.4 (03-Nov-2015)
|
|
* Requires: jQuery v1.7.1 or later
|
|
*/
|
|
(function ($) {
|
|
"use strict";
|
|
$.fn.filer = function (q) {
|
|
return this.each(function (t, r) {
|
|
var s = $(r),
|
|
b = '.jFiler',
|
|
p = $(),
|
|
o = $(),
|
|
l = $(),
|
|
sl = [],
|
|
n = $.extend(true, {}, $.fn.filer.defaults, q),
|
|
f = {
|
|
init: function () {
|
|
s.wrap('<div class="jFiler"></div>');
|
|
s.prop("jFiler").boxEl = p = s.closest(b);
|
|
f._changeInput();
|
|
},
|
|
_bindInput: function () {
|
|
if (n.changeInput && o.size() > 0) {
|
|
o.bind("click", f._clickHandler);
|
|
}
|
|
s.on({
|
|
"focus": function () {
|
|
o.addClass('focused');
|
|
},
|
|
"blur": function () {
|
|
o.removeClass('focused');
|
|
},
|
|
"change": function () {
|
|
f._onChange();
|
|
}
|
|
});
|
|
if (n.dragDrop) {
|
|
(o.length > 0 ? o : s)
|
|
.bind("drop", f._dragDrop.drop)
|
|
.bind("dragover", f._dragDrop.dragEnter)
|
|
.bind("dragleave", f._dragDrop.dragLeave);
|
|
}
|
|
if (n.uploadFile && n.clipBoardPaste) {
|
|
$(window)
|
|
.on("paste", f._clipboardPaste);
|
|
}
|
|
},
|
|
_unbindInput: function () {
|
|
if (n.changeInput && o.size() > 0) {
|
|
o.unbind("click", f._clickHandler);
|
|
}
|
|
},
|
|
_clickHandler: function () {
|
|
s.click();
|
|
},
|
|
_applyAttrSettings: function () {
|
|
var d = ["name", "limit", "maxSize", "extensions", "changeInput", "showThumbs", "appendTo", "theme", "addMore", "excludeName", "files", "options"];
|
|
for (var k in d) {
|
|
var j = "data-jfiler-" + d[k];
|
|
if (f._assets.hasAttr(j)) {
|
|
switch (d[k]) {
|
|
case "changeInput":
|
|
case "showThumbs":
|
|
case "addMore":
|
|
n[d[k]] = ["true", "false"].indexOf(s.attr(j)) > -1 ? s.attr(j) === "true" : s.attr(j);
|
|
break;
|
|
case "extensions":
|
|
n[d[k]] = s.attr(j)
|
|
.replace(/ /g, '')
|
|
.split(",");
|
|
break;
|
|
case "files":
|
|
case "options":
|
|
n[d[k]] = JSON.parse(s.attr(j));
|
|
break;
|
|
default:
|
|
n[d[k]] = s.attr(j);
|
|
}
|
|
s.removeAttr(j);
|
|
}
|
|
}
|
|
},
|
|
_changeInput: function () {
|
|
f._applyAttrSettings();
|
|
n.beforeRender !== null && typeof n.beforeRender === "function" ? n.beforeRender(p, s) : null;
|
|
if (n.theme) {
|
|
p.addClass('jFiler-theme-' + n.theme);
|
|
}
|
|
if (s.get(0)
|
|
.tagName.toLowerCase() !== "input" && s.get(0)
|
|
.type !== "file") {
|
|
o = s;
|
|
s = $("<input type=\"file\" name=\"" + n.name + "\" />");
|
|
s.css({
|
|
position: "absolute",
|
|
left: "-9999px",
|
|
top: "-9999px",
|
|
"z-index": "-9999"
|
|
});
|
|
p.prepend(s);
|
|
f._isGn = s;
|
|
} else {
|
|
if (n.changeInput) {
|
|
switch (typeof n.changeInput) {
|
|
case "boolean"://╠common.ChooseFiles⇒請選擇文件╣╠common.ChooseFilesToUpload⇒選擇要上傳的文件╣
|
|
o = $('<div class="jFiler-input"><div class="jFiler-input-caption"><span data-i18n="common.ChooseFilesToUpload">' + n.captions.feedback + '</span></div><div class="jFiler-input-button" data-i18n="common.ChooseFiles">' + n.captions.button + '</div></div>"');
|
|
break;
|
|
case "string":
|
|
case "object":
|
|
o = $(n.changeInput);
|
|
break;
|
|
case "function":
|
|
o = $(n.changeInput(p, s, n));
|
|
break;
|
|
}
|
|
s.after(o);
|
|
s.css({
|
|
position: "absolute",
|
|
left: "-9999px",
|
|
top: "-9999px",
|
|
"z-index": "-9999"
|
|
});
|
|
}
|
|
}
|
|
s.prop("jFiler").newInputEl = o;
|
|
if (!n.limit || (n.limit && n.limit >= 2)) {
|
|
s.attr("multiple", "multiple");
|
|
s.attr("name")
|
|
.slice(-2) !== "[]" ? s.attr("name", s.attr("name") + "[]") : null;
|
|
}
|
|
f._bindInput();
|
|
if (n.files) {
|
|
f._append(false, {
|
|
files: n.files
|
|
});
|
|
}
|
|
n.afterRender !== null && typeof n.afterRender === "function" ? n.afterRender(l, p, o, s) : null;
|
|
},
|
|
_clear: function () {
|
|
f.files = null;
|
|
s.prop("jFiler")
|
|
.files = null;
|
|
if (!n.uploadFile && !n.addMore) {
|
|
f._reset();
|
|
}
|
|
f._set('feedback', (f._itFl && f._itFl.length > 0 ? f._itFl.length + ' ' + n.captions.feedback2 : n.captions.feedback));
|
|
n.onEmpty !== null && typeof n.onEmpty === "function" ? n.onEmpty(p, o, s) : null;
|
|
},
|
|
_reset: function (a) {
|
|
if (!a) {
|
|
if (!n.uploadFile && n.addMore) {
|
|
for (var i = 0; i < sl.length; i++) {
|
|
sl[i].remove();
|
|
}
|
|
sl = [];
|
|
f._unbindInput();
|
|
if (f._isGn) {
|
|
s = f._isGn;
|
|
} else {
|
|
s = $(r);
|
|
}
|
|
f._bindInput();
|
|
}
|
|
f._set('input', '');
|
|
}
|
|
f._itFl = [];
|
|
f._itFc = null;
|
|
f._ajFc = 0;
|
|
s.prop("jFiler")
|
|
.files_list = f._itFl;
|
|
s.prop("jFiler")
|
|
.current_file = f._itFc;
|
|
if (!f._prEr) {
|
|
f._itFr = [];
|
|
p.find("input[name^='jfiler-items-exclude-']:hidden")
|
|
.remove();
|
|
}
|
|
l.fadeOut("fast", function () {
|
|
$(this)
|
|
.remove();
|
|
});
|
|
s.prop("jFiler").listEl = l = $();
|
|
},
|
|
_set: function (element, value) {
|
|
switch (element) {
|
|
case 'input':
|
|
s.val("");
|
|
break;
|
|
case 'feedback':
|
|
if (o.length > 0) {
|
|
o.find('.jFiler-input-caption span')
|
|
.html(value);
|
|
}
|
|
break;
|
|
}
|
|
},
|
|
_filesCheck: function () {
|
|
var s = 0;
|
|
if (n.limit && f.files.length + f._itFl.length > n.limit) {
|
|
layer.alert(f._assets.textParse(n.captions.errors.filesLimit));
|
|
return false;
|
|
}
|
|
for (var t = 0; t < f.files.length; t++) {
|
|
var x = f.files[t].name.split(".")
|
|
.pop()
|
|
.toLowerCase(),
|
|
file = f.files[t],
|
|
m = {
|
|
name: file.name,
|
|
size: file.size,
|
|
description: file.description || '',
|
|
fileid: file.fileid || '',
|
|
size2: f._assets.bytesToSize(file.size),
|
|
type: file.type,
|
|
ext: x
|
|
};
|
|
if (n.extensions !== null && $.inArray(x, n.extensions) === -1) {
|
|
layer.alert(f._assets.textParse(n.captions.errors.filesType, m));
|
|
break;
|
|
}
|
|
if (n.maxSize !== null && f.files[t].size > n.maxSize * 1048576) {
|
|
layer.alert(f._assets.textParse(n.captions.errors.filesSize, m));
|
|
return false;
|
|
//break;
|
|
}
|
|
if (file.size === 4096 && file.type.length === 0) {
|
|
break;
|
|
}
|
|
s += f.files[t].size;
|
|
}
|
|
if (n.maxSize !== null && s >= Math.round(n.maxSize * 1048576)) {
|
|
layer.alert(f._assets.textParse(n.captions.errors.filesSizeAll));
|
|
return false;
|
|
}
|
|
if (n.addMore || n.uploadFile) {
|
|
var _m = f._itFl.filter(function (a, b) {
|
|
if (a.file.name === file.name && a.file.size === file.size && a.file.type === file.type && (file.lastModified ? a.file.lastModified === file.lastModified : true)) {
|
|
return true;
|
|
}
|
|
});
|
|
if (_m.length > 0) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
_thumbCreator: {
|
|
create: function (i) {
|
|
var file = f.files[i],
|
|
id = f._itFc ? f._itFc.id : i,
|
|
name = file.name,
|
|
description = file.description || '',
|
|
fileid = file.fileid || '',
|
|
size = file.size,
|
|
type = file.type.split("/", 1)
|
|
.toString()
|
|
.toLowerCase(),
|
|
ext = name.indexOf(".") !== -1 ? name.split(".")
|
|
.pop()
|
|
.toLowerCase() : "",
|
|
progressBar = n.uploadFile ? '<div class="jFiler-jProgressBar">' + n.templates.progressBar + '</div>' : '',
|
|
opts = {
|
|
id: id,
|
|
name: name,
|
|
size: size,
|
|
description: description,
|
|
fileid: fileid,
|
|
size2: f._assets.bytesToSize(size),
|
|
type: type,
|
|
extension: ext,
|
|
icon: f._assets.getIcon(ext, type),
|
|
icon2: f._thumbCreator.generateIcon({
|
|
type: type,
|
|
extension: ext
|
|
}),
|
|
image: '<div class="jFiler-item-thumb-image fi-loading"></div>',
|
|
progressBar: progressBar,
|
|
_appended: file._appended
|
|
},
|
|
html = "";
|
|
if (file.opts) {
|
|
opts = $.extend({}, file.opts, opts);
|
|
}
|
|
html = $(f._thumbCreator.renderContent(opts))
|
|
.attr("data-jfiler-index", id);
|
|
html.get(0)
|
|
.jfiler_id = id;
|
|
f._thumbCreator.renderFile(file, html, opts);
|
|
if (file.forList) {
|
|
return html;
|
|
}
|
|
f._itFc.html = html;
|
|
html.hide()[n.templates.itemAppendToEnd ? "appendTo" : "prependTo"](l.find(n.templates._selectors.list))
|
|
.show();
|
|
if (!file._appended) {
|
|
f._onSelect(i);
|
|
}
|
|
},
|
|
renderContent: function (opts) {
|
|
return f._assets.textParse((opts._appended ? n.templates.itemAppend : n.templates.item), opts);
|
|
},
|
|
renderFile: function (file, html, opts) {
|
|
if (html.find('.jFiler-item-thumb-image')
|
|
.size() === 0) {
|
|
return false;
|
|
}
|
|
if (file.file && opts.type === "image") {
|
|
var g = '<img src="' + file.file + '" draggable="false" />',
|
|
m = html.find('.jFiler-item-thumb-image.fi-loading');
|
|
$(g)
|
|
.error(function () {
|
|
g = f._thumbCreator.generateIcon(opts);
|
|
html.addClass('jFiler-no-thumbnail');
|
|
m.removeClass('fi-loading')
|
|
.html(g);
|
|
})
|
|
.load(function () {
|
|
m.removeClass('fi-loading')
|
|
.html(g);
|
|
});
|
|
return true;
|
|
}
|
|
if (window.File && window.FileList && window.FileReader && opts.type === "image" && opts.size < 6e+6) {
|
|
var y = new FileReader;
|
|
y.onload = function (e) {
|
|
var g = '<img src="' + e.target.result + '" draggable="false" />',
|
|
m = html.find('.jFiler-item-thumb-image.fi-loading');
|
|
$(g)
|
|
.error(function () {
|
|
g = f._thumbCreator.generateIcon(opts);
|
|
html.addClass('jFiler-no-thumbnail');
|
|
m.removeClass('fi-loading')
|
|
.html(g);
|
|
})
|
|
.load(function () {
|
|
m.removeClass('fi-loading')
|
|
.html(g);
|
|
});
|
|
};
|
|
y.readAsDataURL(file);
|
|
} else {
|
|
var _g = f._thumbCreator.generateIcon(opts),
|
|
_m = html.find('.jFiler-item-thumb-image.fi-loading');
|
|
html.addClass('jFiler-no-thumbnail');
|
|
_m.removeClass('fi-loading')
|
|
.html(_g);
|
|
}
|
|
},
|
|
generateIcon: function (obj) {
|
|
var m = new Array(3);
|
|
if (obj && obj.type && obj.extension) {
|
|
switch (obj.type) {
|
|
case "image":
|
|
m[0] = "f-image";
|
|
m[1] = "<i class=\"icon-jfi-file-image\"></i>"
|
|
break;
|
|
case "video":
|
|
m[0] = "f-video";
|
|
m[1] = "<i class=\"icon-jfi-file-video\"></i>"
|
|
break;
|
|
case "audio":
|
|
m[0] = "f-audio";
|
|
m[1] = "<i class=\"icon-jfi-file-audio\"></i>"
|
|
break;
|
|
default:
|
|
m[0] = "f-file f-file-ext-" + obj.extension;
|
|
m[1] = obj.extension.length > 0 ? "." + obj.extension : "";
|
|
m[2] = 1;
|
|
}
|
|
} else {
|
|
m[0] = "f-file";
|
|
m[1] = obj.extension && obj.extension.length > 0 ? "." + obj.extension : "";
|
|
m[2] = 1;
|
|
}
|
|
var el = '<span class="jFiler-icon-file ' + m[0] + '">' + m[1] + '</span>';
|
|
if (m[2] === 1) {
|
|
var c = f._assets.text2Color(obj.extension);
|
|
if (c) {
|
|
var j = $(el)
|
|
.appendTo("body"),
|
|
h = j.css("box-shadow");
|
|
h = c + h.substring(h.replace(/^.*(rgba?\([^)]+\)).*$/, '$1')
|
|
.length, h.length);
|
|
j.css({
|
|
'-webkit-box-shadow': h,
|
|
'-moz-box-shadow': h,
|
|
'box-shadow': h
|
|
})
|
|
.attr('style', '-webkit-box-shadow: ' + h + '; -moz-box-shadow: ' + h + '; box-shadow: ' + h + ';');
|
|
el = j.prop('outerHTML');
|
|
j.remove();
|
|
}
|
|
}
|
|
return el;
|
|
},
|
|
_box: function (params) {
|
|
if (n.beforeShow !== null && typeof n.beforeShow === "function" ? !n.beforeShow(f.files, l, p, o, s) : false) {
|
|
return false;
|
|
}
|
|
if (l.length < 1) {
|
|
var appendTo;
|
|
if (n.appendTo) {
|
|
appendTo = $(n.appendTo);
|
|
} else {
|
|
appendTo = p;
|
|
}
|
|
appendTo.find('.jFiler-items')
|
|
.remove();
|
|
l = $('<div class="jFiler-items jFiler-row"></div>');
|
|
s.prop("jFiler").listEl = l;
|
|
l.append(f._assets.textParse(n.templates.box))
|
|
.appendTo(appendTo);
|
|
l.on('click', n.templates._selectors.remove, function (e) {
|
|
e.preventDefault();
|
|
var that = this;
|
|
if ($(that).hasClass('icon-jfi-trash')) {
|
|
layer.confirm(i18next.t(n.captions.removeConfirmation), { icon: 3, title: i18next.t('common.Tips') }, function (index) {
|
|
f._remove(params ? params.remove.event : e, params ? params.remove.el : $(that).closest(n.templates._selectors.item));
|
|
layer.close(index);
|
|
});
|
|
}
|
|
else if ($(that).hasClass('icon-jfi-download-o')) {
|
|
f._download(params ? params.remove.el : $(that).closest(n.templates._selectors.item));
|
|
}
|
|
else if ($(that).hasClass('icon-jfi-pencil')) {
|
|
f._edit(params ? params.remove.el : $(that).closest(n.templates._selectors.item));
|
|
}
|
|
});
|
|
}
|
|
for (var i = 0; i < f.files.length; i++) {
|
|
if (!f.files[i]._appended) f.files[i]._choosed = true;
|
|
f._addToMemory(i);
|
|
f._thumbCreator.create(i);
|
|
}
|
|
}
|
|
},
|
|
_upload: function (i) {
|
|
var el = f._itFc.html,
|
|
formData = new FormData();
|
|
formData.append(s.attr('name'), f._itFc.file, (f._itFc.file.name ? f._itFc.file.name : false));
|
|
if (n.uploadFile.data !== null && $.isPlainObject(n.uploadFile.data)) {
|
|
for (var k in n.uploadFile.data) {
|
|
formData.append(k, n.uploadFile.data[k]);
|
|
}
|
|
}
|
|
f._ajax.send(el, formData, f._itFc);
|
|
},
|
|
_ajax: {
|
|
send: function (el, formData, c) {
|
|
c.ajax = $.ajax({
|
|
url: n.uploadFile.url,
|
|
data: formData,
|
|
type: n.uploadFile.type,
|
|
enctype: n.uploadFile.enctype,
|
|
xhr: function () {
|
|
var myXhr = $.ajaxSettings.xhr();
|
|
if (myXhr.upload) {
|
|
myXhr.upload.addEventListener("progress", function (e) {
|
|
f._ajax.progressHandling(e, el);
|
|
}, false);
|
|
}
|
|
return myXhr;
|
|
},
|
|
complete: function (jqXHR, textStatus) {
|
|
c.ajax = false;
|
|
f._ajFc++;
|
|
if (f._ajFc >= f.files.length) {
|
|
f._ajFc = 0;
|
|
n.uploadFile.onComplete !== null && typeof n.uploadFile.onComplete === "function" ? n.uploadFile.onComplete(l, p, o, s, jqXHR, textStatus) : null;
|
|
}
|
|
},
|
|
beforeSend: function (jqXHR, settings) {
|
|
return n.uploadFile.beforeSend !== null && typeof n.uploadFile.beforeSend === "function" ? n.uploadFile.beforeSend(el, l, p, o, s, c.id, jqXHR, settings) : true;
|
|
},
|
|
success: function (data, textStatus, jqXHR) {
|
|
c.uploaded = true;
|
|
n.uploadFile.success !== null && typeof n.uploadFile.success === "function" ? n.uploadFile.success(data, el, l, p, o, s, c.id, textStatus, jqXHR) : null;
|
|
},
|
|
error: function (jqXHR, textStatus, errorThrown) {
|
|
c.uploaded = false;
|
|
n.uploadFile.error !== null && typeof n.uploadFile.error === "function" ? n.uploadFile.error(el, l, p, o, s, c.id, jqXHR, textStatus, errorThrown) : null;
|
|
},
|
|
statusCode: n.uploadFile.statusCode,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false
|
|
});
|
|
return c.ajax;
|
|
},
|
|
progressHandling: function (e, el) {
|
|
if (e.lengthComputable) {
|
|
var t = Math.round(e.loaded * 100 / e.total)
|
|
.toString();
|
|
n.uploadFile.onProgress !== null && typeof n.uploadFile.onProgress === "function" ? n.uploadFile.onProgress(t, el, l, p, o, s) : null;
|
|
el.find('.jFiler-jProgressBar')
|
|
.find(n.templates._selectors.progressBar)
|
|
.css("width", t + "%");
|
|
}
|
|
}
|
|
},
|
|
_dragDrop: {
|
|
dragEnter: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
p.addClass('dragged');
|
|
f._set('feedback', n.captions.drop);
|
|
n.dragDrop.dragEnter !== null && typeof n.dragDrop.dragEnter === "function" ? n.dragDrop.dragEnter(e, o, s, p) : null;
|
|
},
|
|
dragLeave: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (!f._dragDrop._dragLeaveCheck(e)) {
|
|
return false;
|
|
}
|
|
p.removeClass('dragged');
|
|
f._set('feedback', n.captions.feedback);
|
|
n.dragDrop.dragLeave !== null && typeof n.dragDrop.dragLeave === "function" ? n.dragDrop.dragLeave(e, o, s, p) : null;
|
|
},
|
|
drop: function (e) {
|
|
e.preventDefault();
|
|
p.removeClass('dragged');
|
|
if (!e.originalEvent.dataTransfer.files || e.originalEvent.dataTransfer.files.length <= 0) {
|
|
return;
|
|
}
|
|
f._set('feedback', n.captions.feedback);
|
|
f._onChange(e, e.originalEvent.dataTransfer.files);
|
|
n.dragDrop.drop !== null && typeof n.dragDrop.drop === "function" ? n.dragDrop.drop(e.originalEvent.dataTransfer.files, e, o, s, p) : null;
|
|
},
|
|
_dragLeaveCheck: function (e) {
|
|
var related = e.relatedTarget,
|
|
inside = false;
|
|
if (related !== o) {
|
|
if (related) {
|
|
inside = $.contains(o, related);
|
|
}
|
|
if (inside) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
},
|
|
_clipboardPaste: function (e, fromDrop) {
|
|
if (!fromDrop && (!e.originalEvent.clipboardData && !e.originalEvent.clipboardData.items)) {
|
|
return;
|
|
}
|
|
if (fromDrop && (!e.originalEvent.dataTransfer && !e.originalEvent.dataTransfer.items)) {
|
|
return;
|
|
}
|
|
if (f._clPsePre) {
|
|
return;
|
|
}
|
|
var items = (fromDrop ? e.originalEvent.dataTransfer.items : e.originalEvent.clipboardData.items),
|
|
b64toBlob = function (b64Data, contentType, sliceSize) {
|
|
contentType = contentType || '';
|
|
sliceSize = sliceSize || 512;
|
|
var byteCharacters = atob(b64Data);
|
|
var byteArrays = [];
|
|
for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
|
|
var slice = byteCharacters.slice(offset, offset + sliceSize);
|
|
var byteNumbers = new Array(slice.length);
|
|
for (var i = 0; i < slice.length; i++) {
|
|
byteNumbers[i] = slice.charCodeAt(i);
|
|
}
|
|
var byteArray = new Uint8Array(byteNumbers);
|
|
byteArrays.push(byteArray);
|
|
}
|
|
var blob = new Blob(byteArrays, {
|
|
type: contentType
|
|
});
|
|
return blob;
|
|
};
|
|
if (items) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
if (items[i].type.indexOf("image") !== -1 || items[i].type.indexOf("text/uri-list") !== -1) {
|
|
if (fromDrop) {
|
|
try {
|
|
window.atob(e.originalEvent.dataTransfer.getData("text/uri-list")
|
|
.toString()
|
|
.split(',')[1]);
|
|
} catch (e) {
|
|
return;
|
|
}
|
|
}
|
|
var blob = fromDrop ? b64toBlob(e.originalEvent.dataTransfer.getData("text/uri-list")
|
|
.toString()
|
|
.split(',')[1], "image/png") : items[i].getAsFile();
|
|
try {
|
|
blob.name = Math.random()
|
|
.toString(36)
|
|
.substring(5);
|
|
blob.name += blob.type.indexOf("/") !== -1 ? "." + blob.type.split("/")[1].toString()
|
|
.toLowerCase() : ".png";
|
|
f._onChange(e, [blob]);
|
|
f._clPsePre = setTimeout(function () {
|
|
delete f._clPsePre;
|
|
}, 1000);
|
|
} catch (e) { }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
_onSelect: function (i) {
|
|
if (n.uploadFile && !$.isEmptyObject(n.uploadFile)) {
|
|
f._upload(i);
|
|
}
|
|
n.onSelect !== null && typeof n.onSelect === "function" ? n.onSelect(f.files[i], f._itFc.html, l, p, o, s) : null;
|
|
if (i + 1 >= f.files.length) {
|
|
n.afterShow !== null && typeof n.afterShow === "function" ? n.afterShow(l, p, o, s) : null;
|
|
}
|
|
},
|
|
_onChange: function (e, d) {
|
|
if (!d) {
|
|
if (!s.get(0)
|
|
.files || typeof s.get(0)
|
|
.files === "undefined" || s.get(0)
|
|
.files.length === 0) {
|
|
if (!n.uploadFile && !n.addMore) {
|
|
f._set('input', '');
|
|
f._clear();
|
|
}
|
|
return false;
|
|
}
|
|
f.files = s.get(0).files;
|
|
} else {
|
|
if (!d || d.length === 0) {
|
|
f._set('input', '');
|
|
f._clear();
|
|
return false;
|
|
}
|
|
f.files = d;
|
|
}
|
|
if (!n.uploadFile && !n.addMore) {
|
|
f._reset(true);
|
|
}
|
|
s.prop("jFiler").files = f.files;
|
|
if (!f._filesCheck() || (n.beforeSelect !== null && typeof n.beforeSelect === "function" ? !n.beforeSelect(f.files, l, p, o, s) : false)) {
|
|
f._set('input', '');
|
|
f._clear();
|
|
return false;
|
|
}
|
|
f._set('feedback', f.files.length + f._itFl.length + ' ' + n.captions.feedback2);
|
|
if (n.showThumbs) {
|
|
f._thumbCreator._box();
|
|
} else {
|
|
for (var i = 0; i < f.files.length; i++) {
|
|
f.files[i]._choosed = true;
|
|
f._addToMemory(i);
|
|
f._onSelect(i);
|
|
}
|
|
}
|
|
if (!n.uploadFile && n.addMore) {
|
|
var elem = $('<input type="file" />');
|
|
var attributes = s.prop("attributes");
|
|
$.each(attributes, function () {
|
|
elem.attr(this.name, this.value);
|
|
});
|
|
s.after(elem);
|
|
f._unbindInput();
|
|
sl.push(elem);
|
|
s = elem;
|
|
f._bindInput();
|
|
}
|
|
},
|
|
_append: function (e, data) {
|
|
var files = (!data ? false : data.files);
|
|
if (!files || files.length <= 0) {
|
|
return;
|
|
}
|
|
f.files = files;
|
|
s.prop("jFiler")
|
|
.files = f.files;
|
|
if (n.showThumbs) {
|
|
for (var i = 0; i < f.files.length; i++) {
|
|
f.files[i]._appended = true;
|
|
}
|
|
f._thumbCreator._box();
|
|
}
|
|
},
|
|
_getList: function (e, data) {
|
|
var files = (!data ? false : data.files);
|
|
if (!files || files.length <= 0) {
|
|
return;
|
|
}
|
|
f.files = files;
|
|
s.prop("jFiler")
|
|
.files = f.files;
|
|
if (n.showThumbs) {
|
|
var returnData = [];
|
|
for (var i = 0; i < f.files.length; i++) {
|
|
f.files[i].forList = true;
|
|
returnData.push(f._thumbCreator.create(i));
|
|
}
|
|
if (data.callback) {
|
|
data.callback(returnData, l, p, o, s);
|
|
}
|
|
}
|
|
},
|
|
_retryUpload: function (e, data) {
|
|
var id = parseInt(typeof data === "object" ? data.attr("data-jfiler-index") : data),
|
|
obj = f._itFl.filter(function (value, key) {
|
|
return value.id === id;
|
|
});
|
|
if (obj.length > 0) {
|
|
if (n.uploadFile && !$.isEmptyObject(n.uploadFile) && !obj[0].uploaded) {
|
|
f._itFc = obj[0];
|
|
s.prop("jFiler")
|
|
.current_file = f._itFc;
|
|
f._upload(id);
|
|
return true;
|
|
}
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
_remove: function (e, el) {
|
|
if (el.binded) {
|
|
if (typeof el.data.id !== "undefined") {
|
|
el = l.find(n.templates._selectors.item + "[data-jfiler-index='" + el.data.id + "']");
|
|
if (el.size() === 0) {
|
|
return false;
|
|
}
|
|
}
|
|
if (el.data.el) {
|
|
el = el.data.el;
|
|
}
|
|
}
|
|
var attrId = el.get(0)
|
|
.jfiler_id || el.attr('data-jfiler-index'),
|
|
id = null,
|
|
excl_input = function (id) {
|
|
var input = p.find("input[name^='jfiler-items-exclude-']:hidden")
|
|
.first(),
|
|
item = f._itFl[id],
|
|
val = [];
|
|
if (input.size() === 0) {
|
|
input = $('<input type="hidden" name="jfiler-items-exclude-' + (n.excludeName ? n.excludeName : (s.attr("name")
|
|
.slice(-2) !== "[]" ? s.attr("name") : s.attr("name")
|
|
.substring(0, s.attr("name")
|
|
.length - 2)) + "-" + t) + '">');
|
|
input.appendTo(p);
|
|
}
|
|
if (item.file._choosed || item.file._appended || item.uploaded) {
|
|
f._prEr = true;
|
|
f._itFr.push(item);
|
|
if (n.addMore) {
|
|
var current_input = item.input,
|
|
count_same_input = 0;
|
|
f._itFl.filter(function (val, index) {
|
|
if (val.file._choosed && val.input.get(0) === current_input.get(0)) count_same_input++;
|
|
});
|
|
if (count_same_input === 1) {
|
|
f._itFr = f._itFr.filter(function (val, index) {
|
|
return val.file._choosed ? val.input.get(0) !== current_input.get(0) : true;
|
|
});
|
|
current_input.val("");
|
|
f._prEr = false;
|
|
}
|
|
}
|
|
for (var i = 0; i < f._itFr.length; i++) {
|
|
val.push(f._itFr[i].file.name);
|
|
}
|
|
val = JSON.stringify(val);
|
|
input.val(val);
|
|
}
|
|
},
|
|
callback = function (el, id) {
|
|
excl_input(id);
|
|
f._itFl.splice(id, 1);
|
|
if (f._itFl.length < 1) {
|
|
f._reset();
|
|
f._clear();
|
|
} else {
|
|
f._set('feedback', f._itFl.length + ' ' + n.captions.feedback2);
|
|
}
|
|
el.fadeOut("fast", function () {
|
|
$(this).remove();
|
|
});
|
|
};
|
|
|
|
$.each(f._itFl, function (idx,val) {
|
|
if (val.id == attrId) {
|
|
id = idx;
|
|
}
|
|
})
|
|
|
|
//for (var key in f._itFl) {
|
|
// if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
|
|
// id = attrId;
|
|
// //if (f._itFl[key].id.toString() === attrId) {
|
|
// // id = attrId;
|
|
// //}
|
|
//}
|
|
|
|
if (!f._itFl.hasOwnProperty(id)) {
|
|
return false;
|
|
}
|
|
if (f._itFl[id].ajax) {
|
|
f._itFl[id].ajax.abort();
|
|
callback(el, id);
|
|
return;
|
|
}
|
|
n.onRemove !== null && typeof n.onRemove === "function" ? n.onRemove(el, f._itFl[id].file, id, l, p, o, s) : null;
|
|
callback(el, id);
|
|
},
|
|
_addToMemory: function (i) {
|
|
f._itFl.push({
|
|
id: f._itFl.length,
|
|
file: f.files[i],
|
|
html: $(),
|
|
ajax: false,
|
|
uploaded: false
|
|
});
|
|
if (n.addMore && !f.files[i]._appended) f._itFl[f._itFl.length - 1].input = s;
|
|
f._itFc = f._itFl[f._itFl.length - 1];
|
|
s.prop("jFiler")
|
|
.files_list = f._itFl;
|
|
s.prop("jFiler")
|
|
.current_file = f._itFc;
|
|
},
|
|
_assets: {
|
|
bytesToSize: function (bytes) {
|
|
if (bytes === 0) return '0 Byte';
|
|
var k = 1000;
|
|
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
|
var i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
return (bytes / Math.pow(k, i))
|
|
.toPrecision(3) + ' ' + sizes[i];
|
|
},
|
|
hasAttr: function (attr, el) {
|
|
var _el = !el ? s : el,
|
|
a = _el.attr(attr);
|
|
if (!a || typeof a === "undefined") {
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
},
|
|
getIcon: function (ext, type) {
|
|
var types = ["audio", "image", "text", "video"];
|
|
if ($.inArray(type, types) > -1) {
|
|
return '<i class="icon-jfi-file-' + type + ' jfi-file-ext-' + ext + '"></i>';
|
|
}
|
|
return '<i class="icon-jfi-file-o jfi-file-type-' + type + ' jfi-file-ext-' + ext + '"></i>';
|
|
},
|
|
textParse: function (text, opts) {
|
|
opts = $.extend({}, {
|
|
limit: n.limit,
|
|
maxSize: n.maxSize,
|
|
extensions: n.extensions ? n.extensions.join(',') : null
|
|
}, opts && $.isPlainObject(opts) ? opts : {}, n.options);
|
|
switch (typeof text) {
|
|
case "string":
|
|
return text.replace(/\{\{fi-(.*?)\}\}/g, function (match, a) {
|
|
a = a.replace(/ /g, '');
|
|
if (a.match(/(.*?)\|limitTo\:(\d+)/)) {
|
|
return a.replace(/(.*?)\|limitTo\:(\d+)/, function (match, a, b) {
|
|
var _a = opts[a] ? opts[a] : "",
|
|
str = a.substring(0, b);
|
|
str = _a.length > str.length ? str.substring(0, str.length - 3) + "..." : str;
|
|
return str;
|
|
});
|
|
} else {
|
|
return opts[a] ? opts[a] : "";
|
|
}
|
|
});
|
|
case "function":
|
|
return text(opts);
|
|
default:
|
|
return text;
|
|
}
|
|
},
|
|
text2Color: function (str) {
|
|
str = str === 'xls' ? 'xlsx' : str;
|
|
if (!str || str.length === 0) {
|
|
return false;
|
|
}
|
|
var i, hash, colour;
|
|
for (i = 0, hash = 0; i < str.length; hash = str.charCodeAt(i++) + ((hash << 5) - hash));
|
|
for (i = 0, colour = "#"; i < 3; colour += ("00" + ((hash >> i++ * 2) & 0xFF)
|
|
.toString(16))
|
|
.slice(-2));
|
|
return colour;
|
|
}
|
|
},
|
|
_download: function (el) {
|
|
var attrId = el.get(0)
|
|
.jfiler_id || el.attr('data-jfiler-index'),
|
|
id = null;
|
|
for (var key in f._itFl) {
|
|
if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
|
|
if (f._itFl[key].id.toString() === attrId) {
|
|
id = key;
|
|
}
|
|
}
|
|
n.onDownload(f._itFl[attrId].file);
|
|
},
|
|
_edit: function (el) {
|
|
var attrId = el.get(0)
|
|
.jfiler_id || el.attr('data-jfiler-index'),
|
|
id = null;
|
|
for (var key in f._itFl) {
|
|
if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
|
|
if (f._itFl[key].id.toString() === attrId) {
|
|
id = key;
|
|
}
|
|
}
|
|
if (n.onEdit) {
|
|
n.onEdit(f._itFl[id].file, el);
|
|
}
|
|
},
|
|
files: null,
|
|
_itFl: [],
|
|
_itFc: null,
|
|
_itFr: [],
|
|
_ajFc: 0,
|
|
_prEr: false
|
|
};
|
|
|
|
s.prop("jFiler", {
|
|
options: n,
|
|
listEl: l,
|
|
boxEl: p,
|
|
newInputEl: o,
|
|
inputEl: s,
|
|
files: f.files,
|
|
files_list: f._itFl,
|
|
current_file: f._itFc,
|
|
append: function (data) {
|
|
return f._append(false, {
|
|
files: [data]
|
|
});
|
|
},
|
|
remove: function (id) {
|
|
f._remove(null, {
|
|
binded: true,
|
|
data: {
|
|
id: id
|
|
}
|
|
});
|
|
return true;
|
|
},
|
|
reset: function () {
|
|
f._reset();
|
|
f._clear();
|
|
return true;
|
|
},
|
|
retry: function (data) {
|
|
return f._retryUpload(data);
|
|
}
|
|
}).on("filer.append", function (e, data) {
|
|
f._append(e, data)
|
|
}).on("filer.remove", function (e, data) {
|
|
data.binded = true;
|
|
f._remove(e, data);
|
|
}).on("filer.reset", function (e) {
|
|
f._reset();
|
|
f._clear();
|
|
return true;
|
|
}).on("filer.generateList", function (e, data) {
|
|
return f._getList(e, data)
|
|
}).on("filer.retry", function (e, data) {
|
|
return f._retryUpload(e, data)
|
|
});
|
|
f.init();
|
|
return this;
|
|
});
|
|
};
|
|
$.fn.filer.defaults = {
|
|
limit: null,
|
|
maxSize: null,
|
|
extensions: null,
|
|
changeInput: true,
|
|
edit: true,
|
|
showThumbs: false,
|
|
appendTo: null,
|
|
theme: 'default',
|
|
templates: {
|
|
box: '<ul class="jFiler-items-list jFiler-items-default"></ul>',
|
|
item: '<li class="jFiler-item"><div class="jFiler-item-container"><div class="jFiler-item-inner"><div class="jFiler-item-icon pull-left">{{fi-icon}}</div><div class="jFiler-item-info pull-left"><div class="jFiler-item-title" title="{{fi-name}}">{{fi-name | limitTo:30}}</div><div class="jFiler-item-others"><span>size: {{fi-size2}}</span><span>type: {{fi-extension}}</span><span class="jFiler-item-status">{{fi-progressBar}}</span></div><div class="jFiler-item-assets"><ul class="list-inline"><li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li></ul></div></div></div></div></li>',
|
|
itemAppend: '<li class="jFiler-item"><div class="jFiler-item-container"><div class="jFiler-item-inner"><div class="jFiler-item-icon pull-left">{{fi-icon}}</div><div class="jFiler-item-info pull-left"><div class="jFiler-item-title">{{fi-name | limitTo:35}}</div><div class="jFiler-item-others"><span>size: {{fi-size2}}</span><span>type: {{fi-extension}}</span><span class="jFiler-item-status"></span></div><div class="jFiler-item-assets"><ul class="list-inline"><li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li></ul></div></div></div></div></li>',
|
|
progressBar: '<div class="bar"></div>',
|
|
itemAppendToEnd: false,
|
|
removeConfirmation: true,
|
|
_selectors: {
|
|
list: '.jFiler-items-list',
|
|
item: '.jFiler-item',
|
|
progressBar: '.bar',
|
|
remove: '.jFiler-item-trash-action'
|
|
}
|
|
},
|
|
files: null,
|
|
uploadFile: null,
|
|
dragDrop: null,
|
|
addMore: false,
|
|
clipBoardPaste: true,
|
|
excludeName: null,
|
|
beforeRender: null,
|
|
afterRender: null,
|
|
beforeShow: null,
|
|
beforeSelect: null,
|
|
onSelect: null,
|
|
afterShow: null,
|
|
onRemove: null,
|
|
onEmpty: null,
|
|
options: null,
|
|
captions: {
|
|
button: "Choose Files",
|
|
feedback: "Choose files To Upload",
|
|
feedback2: "<span data-i18n='common.filesWereChosen'>files were chosen</span>",//╠common.filesWereChosen⇒個文件選中╣
|
|
drop: "Drop file here to Upload",
|
|
removeConfirmation: 'common.IsRemoveFile',// ╠common.IsRemoveFile⇒确实要删除此文件吗？╣
|
|
errors: {
|
|
filesLimit: "Only {{fi-limit}} files are allowed to be uploaded.",
|
|
filesType: "Only Images are allowed to be uploaded.",
|
|
filesSize: "{{fi-name}} 檔案大小超過 {{fi-maxSize}} MB.",
|
|
//filesSize: "{{fi-name}} is too large! Please upload file up to {{fi-maxSize}} MB.",
|
|
filesSizeAll: "Files you've choosed are too large! Please upload files up to {{fi-maxSize}} MB."
|
|
}
|
|
}
|
|
}
|
|
})(jQuery);
|
|
|
|
$(function () {
|
|
/**
|
|
* 註冊上傳附件
|
|
* @param {Object} option 必要的參數
|
|
*/
|
|
window.fnUploadRegister = function (option) {
|
|
option.edit = option.edit !== false ? true : false;
|
|
|
|
var defultoption = {
|
|
limit: 1000,
|
|
//extensions: ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'png'],
|
|
changeInput: '<div class="jFiler-input-dragDrop">+</div>',
|
|
showThumbs: true,
|
|
templates: {
|
|
box: '<ul class="jFiler-items-list jFiler-items-grid"></ul>',
|
|
item: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
|
|
<div class="jFiler-item-container">\
|
|
<div class="jFiler-item-inner">\
|
|
<div class="jFiler-item-thumb">\
|
|
<div class="jFiler-item-status"></div>\
|
|
<div class="jFiler-item-info">\
|
|
<span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\
|
|
<span class="jFiler-item-others">{{fi-size2}}</span>\
|
|
</div>\
|
|
{{fi-image}}\
|
|
</div>\
|
|
<div class="jFiler-item-assets jFiler-row">\
|
|
<ul class="list-inline pull-left">\
|
|
<li>{{fi-progressBar}}</li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-right">\
|
|
<li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
|
|
</ul>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
</li>',
|
|
itemAppend: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
|
|
<div class="jFiler-item-container">\
|
|
<div class="jFiler-item-inner">\
|
|
<div class="jFiler-item-thumb">\
|
|
<div class="jFiler-item-status"></div>\
|
|
<div class="jFiler-item-info">\
|
|
<span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\
|
|
<span class="jFiler-item-others">{{fi-size2}}</span>\
|
|
</div>\
|
|
{{fi-image}}\
|
|
</div>\
|
|
<div class="jFiler-item-assets jFiler-row">\
|
|
<ul class="list-inline pull-left">\
|
|
<li><span class="jFiler-item-others">{{fi-icon}}</span></li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-right">'
|
|
+ (option.edit ? '<li><a class="icon-jfi-pencil jFiler-item-trash-action"></a></li>' : '') +
|
|
'<li><a class="icon-jfi-download-o jFiler-item-trash-action"></a></li>\
|
|
<li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
|
|
</ul>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
</li>',
|
|
progressBar: '<div class="bar"></div>',
|
|
itemAppendToEnd: true,
|
|
removeConfirmation: true,
|
|
_selectors: {
|
|
list: '.jFiler-items-list',
|
|
item: '.jFiler-item',
|
|
progressBar: '.bar',
|
|
remove: '.jFiler-item-trash-action'
|
|
}
|
|
},
|
|
dragDrop: {
|
|
dragEnter: null,
|
|
dragLeave: null,
|
|
drop: null,
|
|
},
|
|
uploadFile: {
|
|
url: '/Controller.ashx?action=upload&source=' + (option.folder || 'Common') + '&userid=' + parent.UserID + '&orgid=' + parent.OrgID + '&parentid=' + option.parentid,
|
|
data: null,
|
|
type: 'POST',
|
|
enctype: 'multipart/form-data',
|
|
beforeSend: function () { },
|
|
success: function (data, el) {
|
|
if (option.type && option.type === 'one') {
|
|
$('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').hide();
|
|
}
|
|
var oData = $.parseJSON(data)[0],
|
|
parent = el.attr('data-id', oData.FileID).find(".jFiler-jProgressBar").parent();
|
|
el.find(".jFiler-jProgressBar").fadeOut("slow", function () {
|
|
$("<div class=\"jFiler-item-others text-success\"><i class=\"icon-jfi-check-circle\"></i> Success</div>").hide().appendTo(parent).fadeIn("slow");
|
|
});
|
|
},
|
|
error: function (el) {
|
|
var parent = el.find(".jFiler-jProgressBar").parent();
|
|
el.find(".jFiler-jProgressBar").fadeOut("slow", function () {
|
|
$("<div class=\"jFiler-item-others text-error\"><i class=\"icon-jfi-minus-circle\"></i> Error</div>").hide().appendTo(parent).fadeIn("slow");
|
|
});
|
|
},
|
|
statusCode: null,
|
|
onProgress: null,
|
|
// Callback fired after all files were uploaded
|
|
onComplete: function (listEl, parentEl, newInputEl, inputEl, jqXHR, textStatus) {
|
|
// callback will go here
|
|
}
|
|
},
|
|
onRemove: function (itemEl, file) {
|
|
var sFileId = file.fileid || itemEl.attr('data-id');
|
|
if (sFileId) {
|
|
DelFile(sFileId).done(function () {
|
|
if (option.type && option.type === 'one') {
|
|
$('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').show();
|
|
}
|
|
});
|
|
}
|
|
},
|
|
onDownload: function (file) {
|
|
DownLoadFile(file.path, file.filename);
|
|
}
|
|
};
|
|
|
|
if (option.input) {
|
|
var lastoption = $.extend(true, {}, defultoption, option);
|
|
if (option.type === 'list') {
|
|
lastoption.templates = {
|
|
box: '<ul class="jFiler-items-list jFiler-items-grid"></ul>',
|
|
item: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
|
|
<div class="jFiler-item-container">\
|
|
<div class="jFiler-item-inner">\
|
|
<div class="jFiler-item-thumb cus-thumb">\
|
|
<div class="jFiler-item-status"></div>\
|
|
<div class="jFiler-item-info">\
|
|
<span class="jFiler-item-others">{{fi-size2}}</span>\
|
|
</div>\
|
|
{{fi-image}}\
|
|
</div>\
|
|
<div class="jFiler-item-assets jFiler-row">\
|
|
<ul class="list-inline pull-left">\
|
|
<li>{{fi-progressBar}}</li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-left">\
|
|
<li>{{fi-name}}</li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-right">\
|
|
<li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
|
|
</ul>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
</li>',
|
|
itemAppend: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
|
|
<div class="jFiler-item-container">\
|
|
<div class="jFiler-item-inner">\
|
|
<div class="jFiler-item-thumb cus-thumb">\
|
|
<div class="jFiler-item-status"></div>\
|
|
<div class="jFiler-item-info">\
|
|
<span class="jFiler-item-others">{{fi-size2}}</span>\
|
|
</div>\
|
|
{{fi-image}}\
|
|
</div>\
|
|
<div class="jFiler-item-assets jFiler-row">\
|
|
<ul class="list-inline pull-left">\
|
|
<li><span class="jFiler-item-others">{{fi-icon}}</span></li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-left file-name">\
|
|
<li>{{fi-name}}</li>\
|
|
<li class="jFiler-item-description">\
|
|
<span class="jFiler-item-title">{{fi-description}}</span>\
|
|
</li>\
|
|
</ul>\
|
|
<ul class="list-inline pull-right">\
|
|
<li><a class="icon-jfi-pencil jFiler-item-trash-action"></a></li>\
|
|
<li><a class="icon-jfi-download-o jFiler-item-trash-action"></a></li>\
|
|
<li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
|
|
</ul>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
</li>',
|
|
progressBar: '<div class="bar"></div>',
|
|
itemAppendToEnd: true,
|
|
removeConfirmation: true,
|
|
_selectors: {
|
|
list: '.jFiler-items-list',
|
|
item: '.jFiler-item',
|
|
progressBar: '.bar',
|
|
remove: '.jFiler-item-trash-action'
|
|
}
|
|
};
|
|
}
|
|
|
|
if (option.edit) {
|
|
lastoption.onEdit = function (file, el) {
|
|
EditFile(file, el);
|
|
};
|
|
}
|
|
|
|
option.input.filer(lastoption);
|
|
|
|
if (option.type && option.type === 'one' && lastoption.files && lastoption.files.length > 0) {
|
|
$('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').hide();
|
|
}
|
|
if (option.type !== 'one') {
|
|
$('.jFiler-theme-' + lastoption.theme).find(".jFiler-items-grid").dragsort({
|
|
dragEnd: function () {
|
|
updFilesOrder(this);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
/**
|
|
* 抓去上傳的附件
|
|
* @param {String} parentid 父層ID
|
|
* @param {Function} callback}文件list
|
|
* @param {Number} flag 標記
|
|
* @return {Object} ajax
|
|
*/
|
|
window.fnGetUploadFiles = function (parentid, callback, flag) {
|
|
return g_api.ConnectLite(Service.com, 'GetUploadFiles', {
|
|
ParentID: parentid
|
|
}, function (res) {
|
|
if (res.RESULT) {
|
|
var saFiles = res.DATA.rel,
|
|
files = [];
|
|
$.each(saFiles, function (idx, file) {
|
|
if (file.FileID) {
|
|
var f = {
|
|
fileid: file.FileID,
|
|
name: file.FileName,
|
|
filename: file.FileName.split('.')[0],
|
|
subname: file.SubFileName,
|
|
description: file.Description,
|
|
link: file.Link,
|
|
size: file.FileSize,
|
|
type: file.FileType,
|
|
file: gServerUrl + '/' + file.FilePath,
|
|
path: file.FilePath
|
|
}
|
|
files.push(f);
|
|
}
|
|
});
|
|
if (typeof callback === 'function') {
|
|
callback(files, parentid, flag);
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
/**
|
|
* 上傳文件排序
|
|
* @param {Element} dom 當前文件標籤
|
|
*/
|
|
window.updFilesOrder = function (dom) {
|
|
var saLis = $(dom).parent('ul').find('li.jFiler-item'),
|
|
saOrders = [],
|
|
oUpdPm = {};
|
|
|
|
saLis.each(function (idx, el) {
|
|
$(el).attr('data-jfiler-index', idx);
|
|
var sFileId = $(el).attr('data-id');
|
|
saOrders.push({
|
|
values: { OrderByValue: idx },
|
|
keys: {
|
|
FileID: sFileId
|
|
}
|
|
});
|
|
});
|
|
|
|
oUpdPm = {
|
|
files: saOrders
|
|
};
|
|
CallAjax(ComFn.W_Com, ComFn.GetUpd, { Params: oUpdPm });
|
|
};
|
|
});
|