|
|
@@ -1,1384 +1,596 @@
|
|
|
-/*******************************************************************************
|
|
|
-* KindEditor - WYSIWYG HTML Editor for Internet
|
|
|
-* Copyright (C) 2006-2011 kindsoft.net
|
|
|
-*
|
|
|
-* @author Roddy <luolonghao@gmail.com>
|
|
|
-* @site http://www.kindsoft.net/
|
|
|
-* @licence http://www.kindsoft.net/license.php
|
|
|
-*******************************************************************************/
|
|
|
-
|
|
|
-
|
|
|
-(function(K) {
|
|
|
-
|
|
|
-function KSWFUpload(options) {
|
|
|
- this.init(options);
|
|
|
-}
|
|
|
-K.extend(KSWFUpload, {
|
|
|
- init : function(options) {
|
|
|
- var self = this;
|
|
|
- options.afterError = options.afterError || function(str) {
|
|
|
- alert(str);
|
|
|
- };
|
|
|
- self.options = options;
|
|
|
- self.progressbars = {};
|
|
|
- // template
|
|
|
- self.div = K(options.container).html([
|
|
|
- '<div class="ke-swfupload">',
|
|
|
- '<div class="ke-swfupload-top">',
|
|
|
- '<div class="ke-inline-block ke-swfupload-button">',
|
|
|
- '<input type="button" value="Browse" />',
|
|
|
- '</div>',
|
|
|
- '<div class="ke-inline-block ke-swfupload-desc">' + options.uploadDesc + '</div>',
|
|
|
- '<span class="ke-button-common ke-button-outer ke-swfupload-startupload">',
|
|
|
- '<input type="button" class="ke-button-common ke-button" value="' + options.startButtonValue + '" />',
|
|
|
- '</span>',
|
|
|
- '</div>',
|
|
|
- '<div class="ke-swfupload-body"></div>',
|
|
|
- '</div>'
|
|
|
- ].join(''));
|
|
|
- self.bodyDiv = K('.ke-swfupload-body', self.div);
|
|
|
-
|
|
|
- function showError(itemDiv, msg) {
|
|
|
- K('.ke-status > div', itemDiv).hide();
|
|
|
- K('.ke-message', itemDiv).addClass('ke-error').show().html(K.escape(msg));
|
|
|
- }
|
|
|
-
|
|
|
- var settings = {
|
|
|
- debug : false,
|
|
|
- upload_url : options.uploadUrl,
|
|
|
- flash_url : options.flashUrl,
|
|
|
- file_post_name : options.filePostName,
|
|
|
- button_placeholder : K('.ke-swfupload-button > input', self.div)[0],
|
|
|
- button_image_url: options.buttonImageUrl,
|
|
|
- button_width: options.buttonWidth,
|
|
|
- button_height: options.buttonHeight,
|
|
|
- button_cursor : SWFUpload.CURSOR.HAND,
|
|
|
- file_types : options.fileTypes,
|
|
|
- file_types_description : options.fileTypesDesc,
|
|
|
- file_upload_limit : options.fileUploadLimit,
|
|
|
- file_size_limit : options.fileSizeLimit,
|
|
|
- post_params : options.postParams,
|
|
|
- file_queued_handler : function(file) {
|
|
|
- file.url = self.options.fileIconUrl;
|
|
|
- self.appendFile(file);
|
|
|
- },
|
|
|
- file_queue_error_handler : function(file, errorCode, message) {
|
|
|
- var errorName = '';
|
|
|
- switch (errorCode) {
|
|
|
- case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
|
|
|
- errorName = options.queueLimitExceeded;
|
|
|
- break;
|
|
|
- case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
|
|
|
- errorName = options.fileExceedsSizeLimit;
|
|
|
- break;
|
|
|
- case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
|
|
|
- errorName = options.zeroByteFile;
|
|
|
- break;
|
|
|
- case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
|
|
|
- errorName = options.invalidFiletype;
|
|
|
- break;
|
|
|
- default:
|
|
|
- errorName = options.unknownError;
|
|
|
- break;
|
|
|
- }
|
|
|
- K.DEBUG && alert(errorName);
|
|
|
- },
|
|
|
- upload_start_handler : function(file) {
|
|
|
- var self = this;
|
|
|
- var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv);
|
|
|
- K('.ke-status > div', itemDiv).hide();
|
|
|
- K('.ke-progressbar', itemDiv).show();
|
|
|
- },
|
|
|
- upload_progress_handler : function(file, bytesLoaded, bytesTotal) {
|
|
|
- var percent = Math.round(bytesLoaded * 100 / bytesTotal);
|
|
|
- var progressbar = self.progressbars[file.id];
|
|
|
- progressbar.bar.css('width', Math.round(percent * 80 / 100) + 'px');
|
|
|
- progressbar.percent.html(percent + '%');
|
|
|
- },
|
|
|
- upload_error_handler : function(file, errorCode, message) {
|
|
|
- if (file && file.filestatus == SWFUpload.FILE_STATUS.ERROR) {
|
|
|
- var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv).eq(0);
|
|
|
- showError(itemDiv, self.options.errorMessage);
|
|
|
- }
|
|
|
- },
|
|
|
- upload_success_handler : function(file, serverData) {
|
|
|
- var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv).eq(0);
|
|
|
- var data = {};
|
|
|
- try {
|
|
|
- data = K.json(serverData);
|
|
|
- } catch (e) {
|
|
|
- self.options.afterError.call(this, '<!doctype html><html>' + serverData + '</html>');
|
|
|
- }
|
|
|
- if (data.error !== 0) {
|
|
|
- showError(itemDiv, K.DEBUG ? data.message : self.options.errorMessage);
|
|
|
- return;
|
|
|
- }
|
|
|
- file.url = data.url;
|
|
|
- K('.ke-img', itemDiv).attr('src', file.url).attr('data-status', file.filestatus).data('data', data);
|
|
|
- K('.ke-status > div', itemDiv).hide();
|
|
|
- }
|
|
|
- };
|
|
|
- self.swfu = new SWFUpload(settings);
|
|
|
-
|
|
|
- K('.ke-swfupload-startupload input', self.div).click(function() {
|
|
|
- self.swfu.startUpload();
|
|
|
- });
|
|
|
- },
|
|
|
- getUrlList : function() {
|
|
|
- var list = [];
|
|
|
- K('.ke-img', self.bodyDiv).each(function() {
|
|
|
- var img = K(this);
|
|
|
- var status = img.attr('data-status');
|
|
|
- if (status == SWFUpload.FILE_STATUS.COMPLETE) {
|
|
|
- list.push(img.data('data'));
|
|
|
- }
|
|
|
- });
|
|
|
- return list;
|
|
|
- },
|
|
|
- removeFile : function(fileId) {
|
|
|
- var self = this;
|
|
|
- self.swfu.cancelUpload(fileId);
|
|
|
- var itemDiv = K('div[data-id="' + fileId + '"]', self.bodyDiv);
|
|
|
- K('.ke-photo', itemDiv).unbind();
|
|
|
- K('.ke-delete', itemDiv).unbind();
|
|
|
- itemDiv.remove();
|
|
|
- },
|
|
|
- removeFiles : function() {
|
|
|
- var self = this;
|
|
|
- K('.ke-item', self.bodyDiv).each(function() {
|
|
|
- self.removeFile(K(this).attr('data-id'));
|
|
|
- });
|
|
|
- },
|
|
|
- appendFile : function(file) {
|
|
|
- var self = this;
|
|
|
- var itemDiv = K('<div class="ke-inline-block ke-item" data-id="' + file.id + '"></div>');
|
|
|
- self.bodyDiv.append(itemDiv);
|
|
|
- var photoDiv = K('<div class="ke-inline-block ke-photo"></div>')
|
|
|
- .mouseover(function(e) {
|
|
|
- K(this).addClass('ke-on');
|
|
|
- })
|
|
|
- .mouseout(function(e) {
|
|
|
- K(this).removeClass('ke-on');
|
|
|
- });
|
|
|
- itemDiv.append(photoDiv);
|
|
|
-
|
|
|
- var img = K('<img src="' + file.url + '" class="ke-img" data-status="' + file.filestatus + '" width="80" height="80" alt="' + file.name + '" />');
|
|
|
- photoDiv.append(img);
|
|
|
- K('<span class="ke-delete"></span>').appendTo(photoDiv).click(function() {
|
|
|
- self.removeFile(file.id);
|
|
|
- });
|
|
|
- var statusDiv = K('<div class="ke-status"></div>').appendTo(photoDiv);
|
|
|
- // progressbar
|
|
|
- K(['<div class="ke-progressbar">',
|
|
|
- '<div class="ke-progressbar-bar"><div class="ke-progressbar-bar-inner"></div></div>',
|
|
|
- '<div class="ke-progressbar-percent">0%</div></div>'].join('')).hide().appendTo(statusDiv);
|
|
|
- // message
|
|
|
- K('<div class="ke-message">' + self.options.pendingMessage + '</div>').appendTo(statusDiv);
|
|
|
-
|
|
|
- itemDiv.append('<div class="ke-name">' + file.name + '</div>');
|
|
|
-
|
|
|
- self.progressbars[file.id] = {
|
|
|
- bar : K('.ke-progressbar-bar-inner', photoDiv),
|
|
|
- percent : K('.ke-progressbar-percent', photoDiv)
|
|
|
- };
|
|
|
- },
|
|
|
- remove : function() {
|
|
|
- this.removeFiles();
|
|
|
- this.swfu.destroy();
|
|
|
- this.div.html('');
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-K.swfupload = function(element, options) {
|
|
|
- return new KSWFUpload(element, options);
|
|
|
-};
|
|
|
-
|
|
|
+(function (K) {
|
|
|
+ var ZYFILE = {
|
|
|
+ fileInput: null, // 选择文件按钮dom对象
|
|
|
+ uploadInput: null, // 上传文件按钮dom对象
|
|
|
+ dragDrop: null, //拖拽敏感区域
|
|
|
+ url: "", // 上传action路径
|
|
|
+ filePostName: "imgFile", // 上传action路径
|
|
|
+ uploadFile: [], // 需要上传的文件数组
|
|
|
+ lastUploadFile: [], // 上一次选择的文件数组，方便继续上传使用
|
|
|
+ perUploadFile: [], // 存放永久的文件数组，方便删除使用
|
|
|
+ fileNum: 0, // 代表文件总个数，因为涉及到继续添加，所以下一次添加需要在它的基础上添加索引
|
|
|
+ /* 提供给外部的接口 */
|
|
|
+ filterFile: function (files) { // 提供给外部的过滤文件格式等的接口，外部需要把过滤后的文件返回
|
|
|
+ return files;
|
|
|
+ },
|
|
|
+ onSelect: function (selectFile, files) { // 提供给外部获取选中的文件，供外部实现预览等功能 selectFile:当前选中的文件 allFiles:还没上传的全部文件
|
|
|
+ },
|
|
|
+ onDelete: function (file, files) { // 提供给外部获取删除的单个文件，供外部实现删除效果 file:当前删除的文件 files:删除之后的文件
|
|
|
+ },
|
|
|
+ onProgress: function (file, loaded, total) { // 提供给外部获取单个文件的上传进度，供外部实现上传进度效果
|
|
|
+ },
|
|
|
+ onSuccess: function (file, responseInfo) { // 提供给外部获取单个文件上传成功，供外部实现成功效果
|
|
|
+ },
|
|
|
+ onFailure: function (file, responseInfo) { // 提供给外部获取单个文件上传失败，供外部实现失败效果
|
|
|
+ },
|
|
|
+ onComplete: function (responseInfo) { // 提供给外部获取全部文件上传完成，供外部实现完成效果
|
|
|
+ },
|
|
|
+ /* 内部实现功能方法 */
|
|
|
+ // 获得选中的文件
|
|
|
+ //文件拖放
|
|
|
+ funDragHover: function (e) {
|
|
|
+ e.stopPropagation();
|
|
|
+ e.preventDefault();
|
|
|
+ this[e.type === "dragover" ? "onDragOver" : "onDragLeave"].call(e.target);
|
|
|
+ return this;
|
|
|
+ },
|
|
|
+ // 获取文件
|
|
|
+ funGetFiles: function (e) {
|
|
|
+ var self = this;
|
|
|
+ // 取消鼠标经过样式
|
|
|
+ this.funDragHover(e);
|
|
|
+ // 从事件中获取选中的所有文件
|
|
|
+ var files = e.target.files || e.dataTransfer.files;
|
|
|
+ self.lastUploadFile = this.uploadFile;
|
|
|
+ this.uploadFile = this.uploadFile.concat(this.filterFile(files));
|
|
|
+ var tmpFiles = [];
|
|
|
+ // 因为jquery的inArray方法无法对object数组进行判断是否存在于，所以只能提取名称进行判断
|
|
|
+ var lArr = []; // 之前文件的名称数组
|
|
|
+ var uArr = []; // 现在文件的名称数组
|
|
|
+ $.each(self.lastUploadFile, function (k, v) {
|
|
|
+ lArr.push(v.name);
|
|
|
+ });
|
|
|
+ $.each(self.uploadFile, function (k, v) {
|
|
|
+ uArr.push(v.name);
|
|
|
+ });
|
|
|
+ $.each(uArr, function (k, v) {
|
|
|
+ // 获得当前选择的每一个文件 判断当前这一个文件是否存在于之前的文件当中
|
|
|
+ if ($.inArray(v, lArr) < 0) { // 不存在
|
|
|
+ tmpFiles.push(self.uploadFile[k]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 如果tmpFiles进行过过滤上一次选择的文件的操作，需要把过滤后的文件赋值
|
|
|
+ //if(tmpFiles.length!=0){
|
|
|
+ this.uploadFile = tmpFiles;
|
|
|
+ //}
|
|
|
+ // 调用对文件处理的方法
|
|
|
+ this.funDealtFiles();
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 处理过滤后的文件，给每个文件设置下标
|
|
|
+ funDealtFiles: function () {
|
|
|
+ var self = this;
|
|
|
+ // 目前是遍历所有的文件，给每个文件增加唯一索引值
|
|
|
+ $.each(this.uploadFile, function (k, v) {
|
|
|
+ // 因为涉及到继续添加，所以下一次添加需要在总个数的基础上添加
|
|
|
+ v.index = self.fileNum;
|
|
|
+ // 添加一个之后自增
|
|
|
+ self.fileNum++;
|
|
|
+ });
|
|
|
+ // 先把当前选中的文件保存备份
|
|
|
+ var selectFile = this.uploadFile;
|
|
|
+ // 要把全部的文件都保存下来，因为删除所使用的下标是全局的变量
|
|
|
+ this.perUploadFile = this.perUploadFile.concat(this.uploadFile);
|
|
|
+ // 合并下上传的文件
|
|
|
+ this.uploadFile = this.lastUploadFile.concat(this.uploadFile);
|
|
|
+ // 执行选择回调
|
|
|
+ this.onSelect(selectFile, this.uploadFile);
|
|
|
+ return this;
|
|
|
+ },
|
|
|
+ // 处理需要删除的文件 isCb代表是否回调onDelete方法
|
|
|
+ // 因为上传完成并不希望在页面上删除div，但是单独点击删除的时候需要删除div 所以用isCb做判断
|
|
|
+ funDeleteFile: function (delFileIndex, isCb) {
|
|
|
+ var self = this; // 在each中this指向没个v 所以先将this保留
|
|
|
+ var tmpFile = []; // 用来替换的文件数组
|
|
|
+ // 合并下上传的文件
|
|
|
+ var delFile = this.perUploadFile[delFileIndex];
|
|
|
+ // 目前是遍历所有的文件，对比每个文件 删除
|
|
|
+ $.each(this.uploadFile, function (k, v) {
|
|
|
+ if (delFile != v) {
|
|
|
+ // 如果不是删除的那个文件 就放到临时数组中
|
|
|
+ tmpFile.push(v);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.uploadFile = tmpFile;
|
|
|
+ if (isCb) { // 执行回调
|
|
|
+ // 回调删除方法，供外部进行删除效果的实现
|
|
|
+ self.onDelete(delFile, this.uploadFile);
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 上传多个文件
|
|
|
+ funUploadFiles: function () {
|
|
|
+ var self = this; // 在each中this指向没个v 所以先将this保留
|
|
|
+ // 遍历所有文件 ，在调用单个文件上传的方法
|
|
|
+ $.each(this.uploadFile, function (k, v) {
|
|
|
+ self.funUploadFile(v);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 上传单个个文件
|
|
|
+ funUploadFile: function (file) {
|
|
|
+ var self = this; // 在each中this指向没个v 所以先将this保留
|
|
|
+ var formdata = new FormData();
|
|
|
+ formdata.append(self.filePostName, file);
|
|
|
+ var xhr = new XMLHttpRequest();
|
|
|
+ // 绑定上传事件
|
|
|
+ // 进度
|
|
|
+ xhr.upload.addEventListener("progress", function (e) {
|
|
|
+ // 回调到外部
|
|
|
+ self.onProgress(file, e.loaded, e.total);
|
|
|
+ }, false);
|
|
|
+ // 完成
|
|
|
+ xhr.addEventListener("load", function (e) {
|
|
|
+ // 从文件中删除上传成功的文件 false是不执行onDelete回调方法
|
|
|
+ self.funDeleteFile(file.index, false);
|
|
|
+ // 回调到外部
|
|
|
+ self.onSuccess(file, xhr.responseText);
|
|
|
+ if (self.uploadFile.length == 0) {
|
|
|
+ // 回调全部完成方法
|
|
|
+ self.onComplete("全部完成");
|
|
|
+ }
|
|
|
+ }, false);
|
|
|
+ // 错误
|
|
|
+ xhr.addEventListener("error", function (e) {
|
|
|
+ // 回调到外部
|
|
|
+ self.onFailure(file, xhr.responseText);
|
|
|
+ }, false);
|
|
|
+ xhr.open("POST", self.url, true);
|
|
|
+ //xhr.setRequestHeader("X_FILENAME", file.name);
|
|
|
+ xhr.send(formdata);
|
|
|
+ },
|
|
|
+ // 返回需要上传的文件
|
|
|
+ funReturnNeedFiles: function () {
|
|
|
+ return this.uploadFile;
|
|
|
+ },
|
|
|
+ // 初始化
|
|
|
+ init: function () { // 初始化方法，在此给选择、上传按钮绑定事件
|
|
|
+ var self = this; // 克隆一个自身
|
|
|
+ self.uploadFile = []; // 需要上传的文件数组
|
|
|
+ self.lastUploadFile = []; // 上一次选择的文件数组，方便继续上传使用
|
|
|
+ self.perUploadFile = []; // 存放永久的文件数组，方便删除使用
|
|
|
+ self.fileNum = 0; // 代表文件总个数，因为涉及到继续添加，所以下一次添加需要在它的基础上添加索引
|
|
|
+ if (this.dragDrop) {
|
|
|
+ this.dragDrop.addEventListener("dragover", function (e) { self.funDragHover(e); }, false);
|
|
|
+ this.dragDrop.addEventListener("dragleave", function (e) { self.funDragHover(e); }, false);
|
|
|
+ this.dragDrop.addEventListener("drop", function (e) { self.funGetFiles(e); }, false);
|
|
|
+ }
|
|
|
+ // 如果选择按钮存在
|
|
|
+ if (self.fileInput) {
|
|
|
+ // 绑定change事件
|
|
|
+ this.fileInput.addEventListener("change", function (e) {
|
|
|
+ self.funGetFiles(e);
|
|
|
+ this.value = '';
|
|
|
+ }, false);
|
|
|
+ }
|
|
|
+ // 如果上传按钮存在
|
|
|
+ if (self.uploadInput) {
|
|
|
+ // 绑定click事件
|
|
|
+ this.uploadInput.addEventListener("click", function (e) {
|
|
|
+ self.funUploadFiles(e);
|
|
|
+ }, false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ $.fn.zyUpload = function (options, param) {
|
|
|
+ var otherArgs = Array.prototype.slice.call(arguments, 1);
|
|
|
+ if (typeof options == 'string') {
|
|
|
+ var fn = this[0][options];
|
|
|
+ if ($.isFunction(fn)) {
|
|
|
+ return fn.apply(this, otherArgs);
|
|
|
+ } else {
|
|
|
+ throw ("zyUpload - No such method: " + options);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.each(function () {
|
|
|
+ var para = {}; // 保留参数
|
|
|
+ var self = this; // 保存组件对象
|
|
|
+ var defaults = {
|
|
|
+ itemWidth: "140px", // 文件项的宽度
|
|
|
+ itemHeight: "120px", // 文件项的高度
|
|
|
+ url: "/upload/UploadAction", // 上传文件的路径
|
|
|
+ filePostName: "imgFile", // name值
|
|
|
+ multiple: true, // 是否可以多个文件上传
|
|
|
+ dragDrop: true, // 是否可以拖动上传文件
|
|
|
+ del: true, // 是否可以删除文件
|
|
|
+ finishDel: false, // 是否在上传文件完成后删除预览
|
|
|
+ /* 提供给外部的接口方法 */
|
|
|
+ onSelect: function (selectFiles, files) { },// 选择文件的回调方法 selectFile:当前选中的文件 allFiles:还没上传的全部文件
|
|
|
+ onDelete: function (file, files) { }, // 删除一个文件的回调方法 file:当前删除的文件 files:删除之后的文件
|
|
|
+ onSuccess: function (file) { }, // 文件上传成功的回调方法
|
|
|
+ onFailure: function (file) { }, // 文件上传失败的回调方法
|
|
|
+ onComplete: function (responseInfo) { }, // 上传完成的回调方法
|
|
|
+ };
|
|
|
+ para = $.extend(defaults, options);
|
|
|
+ this.init = function () {
|
|
|
+ this.createHtml(); // 创建组件html
|
|
|
+ this.createCorePlug(); // 调用核心js
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能：创建上传所使用的html
|
|
|
+ * 参数: 无
|
|
|
+ * 返回: 无
|
|
|
+ */
|
|
|
+ this.createHtml = function () {
|
|
|
+ var multiple = ""; // 设置多选的参数
|
|
|
+ para.multiple ? multiple = "multiple" : multiple = "";
|
|
|
+ var html = '';
|
|
|
+ html += [
|
|
|
+ '<div class="ke-swfupload">',
|
|
|
+ '<div class="ke-swfupload-top">',
|
|
|
+ '<div class="ke-inline-block ke-swfupload-button">',
|
|
|
+ '<span class="ke-button-common ke-button-outer">',
|
|
|
+ '<input type="button" class="ke-button-common ke-button webuploader_pick" value="选择文件" />',
|
|
|
+ '</span>',
|
|
|
+ '</div>',
|
|
|
+ '<div class="ke-inline-block ke-swfupload-desc">' + options.uploadDesc + '<span class="status_info"></span></div>',
|
|
|
+ '<span class="ke-button-common ke-button-outer ke-swfupload-startupload">',
|
|
|
+ '<input type="button" class="ke-button-common ke-button upload_btn" value="' + options.startButtonValue + '" />',
|
|
|
+ '</span>',
|
|
|
+ '</div>',
|
|
|
+ '<div class="ke-swfupload-body upload_preview preview"></div>',
|
|
|
+ '</div>',
|
|
|
+ '<form class="uploadForm" action="' + para.url + '" method="post" enctype="multipart/form-data">',
|
|
|
+ '<input class="fileImage" style="display:none;" type="file" size="30" name="fileImage" ' + multiple + '>',
|
|
|
+ '<button type="button" class="upload_submit_btn fileSubmit">确认上传文件</button>',
|
|
|
+ '</form>',
|
|
|
+ ].join('');
|
|
|
+ $(self).append(html);
|
|
|
+ $(self).data('uploadList', []);
|
|
|
+ // 初始化html之后绑定按钮的点击事件
|
|
|
+ this.addEvent();
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能：显示统计信息和绑定继续上传和上传按钮的点击事件
|
|
|
+ * 参数: 无
|
|
|
+ * 返回: 无
|
|
|
+ */
|
|
|
+ this.funSetStatusInfo = function (files) {
|
|
|
+ return ;
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能：过滤上传的文件格式等
|
|
|
+ * 参数: files 本次选择的文件
|
|
|
+ * 返回: 通过的文件
|
|
|
+ */
|
|
|
+ this.funFilterEligibleFile = function (files) {
|
|
|
+ var arrFiles = []; // 替换的文件数组
|
|
|
+ for (var i = 0, file; file = files[i]; i++) {
|
|
|
+ if (file.size >= 51200000) {
|
|
|
+ alert('您这个"' + file.name + '"文件大小过大');
|
|
|
+ } else {
|
|
|
+ // 在这里需要判断当前所有文件中
|
|
|
+ arrFiles.push(file);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arrFiles;
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能： 处理参数和格式上的预览html
|
|
|
+ * 参数: files 本次选择的文件
|
|
|
+ * 返回: 预览的html
|
|
|
+ */
|
|
|
+ this.funDisposePreviewHtml = function (file, e) {
|
|
|
+ var html = "";
|
|
|
+ var imgWidth = parseInt(para.itemWidth.replace("px", "")) - 5;
|
|
|
+ // 处理配置参数删除按钮
|
|
|
+ var delHtml = "";
|
|
|
+ if (para.del) { // 显示删除按钮
|
|
|
+ delHtml = '<span class="file_del" data-index="' + file.index + '" title="删除"></span>';
|
|
|
+ }
|
|
|
+ // 处理不同类型文件代表的图标
|
|
|
+ var fileImgSrc = "control/images/fileType/";
|
|
|
+ if (file.type.indexOf("rar") > 0) {
|
|
|
+ fileImgSrc = fileImgSrc + "rar.png";
|
|
|
+ } else if (file.type.indexOf("zip") > 0) {
|
|
|
+ fileImgSrc = fileImgSrc + "zip.png";
|
|
|
+ } else if (file.type.indexOf("text") > 0) {
|
|
|
+ fileImgSrc = fileImgSrc + "txt.png";
|
|
|
+ } else {
|
|
|
+ fileImgSrc = fileImgSrc + "file.png";
|
|
|
+ }
|
|
|
+ // 图片上传的是图片还是其他类型文件
|
|
|
+ if (file.type.indexOf("image") == 0) {
|
|
|
+ html += '<div class="upload_append_list uploadList_' + file.index + '">';
|
|
|
+ html += ' <div class="file_bar">';
|
|
|
+ html += ' <div style="padding:5px;">';
|
|
|
+ html += ' <p class="file_name">' + file.name + '</p>';
|
|
|
+ html += delHtml; // 删除按钮的html
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <a style="width:' + para.itemWidth + ';height:' + para.itemHeight + ';line-height:' + para.itemHeight + ';" href="#" >';
|
|
|
+ html += ' <img class="upload_image uploadImage_' + file.index + '" src="' + e.target.result + '"/>';
|
|
|
+ /* html += ' <div class="uploadImg" style="width:'+para.itemWidth+'px;)">';
|
|
|
+ html += ' </div>'; */
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' <p class="file_progress uploadProgress_' + file.index + '" ></p>';
|
|
|
+ html += ' <p class="file_failure uploadFailure_' + file.index + '" >上传失败，请重试</p>';
|
|
|
+ html += ' <p class="file_success uploadSuccess_' + file.index + '" ></p>';
|
|
|
+ html += '</div>';
|
|
|
+ } else {
|
|
|
+ html += '<div class="upload_append_list uploadList_' + file.index + '">';
|
|
|
+ html += ' <div class="file_bar">';
|
|
|
+ html += ' <div style="padding:5px;">';
|
|
|
+ html += ' <p class="file_name">' + file.name + '</p>';
|
|
|
+ html += delHtml; // 删除按钮的html
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <a style="width:' + para.itemWidth + ';height:' + para.itemHeight + ';line-height:' + para.itemHeight + ';" href="#" >';
|
|
|
+ html += ' <img class="upload_image uploadImage_' + file.index + '" src="' + fileImgSrc + '"/>';
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' <p class="file_progress uploadProgress_' + file.index + '" ></p>';
|
|
|
+ html += ' <p class="file_failure uploadFailure_' + file.index + '" >上传失败，请重试</p>';
|
|
|
+ html += ' <p class="file_success uploadSuccess_' + file.index + '" ></p>';
|
|
|
+ html += '</div>';
|
|
|
+ }
|
|
|
+ return html;
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能：调用核心插件
|
|
|
+ * 参数: 无
|
|
|
+ * 返回: 无
|
|
|
+ */
|
|
|
+ this.createCorePlug = function () {
|
|
|
+ var params = {
|
|
|
+ fileInput: $(self).find(".fileImage").get(0),
|
|
|
+ uploadInput: $(self).find(".fileSubmit").get(0),
|
|
|
+ dragDrop: $(self).find(".fileDragArea").get(0),
|
|
|
+ url: $(self).find(".uploadForm").attr("action"),
|
|
|
+ filePostName: para.filePostName,
|
|
|
+ filterFile: function (files) {
|
|
|
+ // 过滤合格的文件
|
|
|
+ return self.funFilterEligibleFile(files);
|
|
|
+ },
|
|
|
+ onSelect: function (selectFiles, allFiles) {
|
|
|
+ para.onSelect(selectFiles, allFiles); // 回调方法
|
|
|
+ self.funSetStatusInfo(ZYFILE.funReturnNeedFiles()); // 显示统计信息
|
|
|
+ var html = '', i = 0;
|
|
|
+ // 组织预览html
|
|
|
+ var funDealtPreviewHtml = function () {
|
|
|
+ file = selectFiles[i];
|
|
|
+ if (file) {
|
|
|
+ var reader = new FileReader()
|
|
|
+ reader.onload = function (e) {
|
|
|
+ // 处理下配置参数和格式的html
|
|
|
+ html += self.funDisposePreviewHtml(file, e);
|
|
|
+ i++;
|
|
|
+ // 再接着调用此方法递归组成可以预览的html
|
|
|
+ funDealtPreviewHtml();
|
|
|
+ }
|
|
|
+ reader.readAsDataURL(file);
|
|
|
+ } else {
|
|
|
+ // 走到这里说明文件html已经组织完毕，要把html添加到预览区
|
|
|
+ funAppendPreviewHtml(html);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // 添加预览html
|
|
|
+ var funAppendPreviewHtml = function (html) {
|
|
|
+ // 添加到添加按钮前
|
|
|
+ $(self).find(".preview").append(html);
|
|
|
+ // 绑定删除按钮
|
|
|
+ funBindDelEvent();
|
|
|
+ funBindHoverEvent();
|
|
|
+ };
|
|
|
+ // 绑定删除按钮事件
|
|
|
+ var funBindDelEvent = function () {
|
|
|
+ if ($(self).find(".file_del").length > 0) {
|
|
|
+ // 删除方法
|
|
|
+ $(self).find(".file_del").click(function () {
|
|
|
+ ZYFILE.funDeleteFile(parseInt($(this).attr("data-index")), true);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if ($(self).find(".file_edit").length > 0) {
|
|
|
+ // 编辑方法
|
|
|
+ $(self).find(".file_edit").click(function () {
|
|
|
+ // 调用编辑操作
|
|
|
+ //ZYFILE.funEditFile(parseInt($(this).attr("data-index")), true);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // 绑定显示操作栏事件
|
|
|
+ var funBindHoverEvent = function () {
|
|
|
+ $(self).find(".upload_append_list").hover(
|
|
|
+ function (e) {
|
|
|
+ $(this).find(".file_bar").addClass("file_hover");
|
|
|
+ }, function (e) {
|
|
|
+ $(this).find(".file_bar").removeClass("file_hover");
|
|
|
+ }
|
|
|
+ );
|
|
|
+ };
|
|
|
+ funDealtPreviewHtml();
|
|
|
+ },
|
|
|
+ onDelete: function (file, files) {
|
|
|
+ // 移除效果
|
|
|
+ $(self).find(".uploadList_" + file.index).fadeOut();
|
|
|
+ // 重新设置统计栏信息
|
|
|
+ self.funSetStatusInfo(files);
|
|
|
+ var list = $(self).data('uploadList');
|
|
|
+ $.each(list, function (k, v) {
|
|
|
+ if (file.index == v.index) {
|
|
|
+ list.splice(k, 1);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onProgress: function (file, loaded, total) {
|
|
|
+ var eleProgress = $(self).find(".uploadProgress_" + file.index), percent = (loaded / total * 100).toFixed(2) + '%';
|
|
|
+ if (eleProgress.is(":hidden")) {
|
|
|
+ eleProgress.show();
|
|
|
+ }
|
|
|
+ eleProgress.css("width", percent);
|
|
|
+ },
|
|
|
+ onSuccess: function (file, response) {
|
|
|
+ file.res = JSON.parse(response);
|
|
|
+ $(self).data('uploadList').push(file);
|
|
|
+ $(self).find(".uploadProgress_" + file.index).hide();
|
|
|
+ $(self).find(".uploadSuccess_" + file.index).show();
|
|
|
+ //$(self).find(".uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
|
|
|
+ // 根据配置参数确定隐不隐藏上传成功的文件
|
|
|
+ if (para.finishDel) {
|
|
|
+ // 移除效果
|
|
|
+ $(self).find(".uploadList_" + file.index).fadeOut();
|
|
|
+ // 重新设置统计栏信息
|
|
|
+ self.funSetStatusInfo(ZYFILE.funReturnNeedFiles());
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onFailure: function (file) {
|
|
|
+ $(self).find(".uploadProgress_" + file.index).hide();
|
|
|
+ $(self).find(".uploadSuccess_" + file.index).show();
|
|
|
+ $(self).find(".uploadInf").append("<p>文件" + file.name + "上传失败！</p>");
|
|
|
+ //$(self).find(".uploadImage_" + file.index).css("opacity", 0.2);
|
|
|
+ },
|
|
|
+ onComplete: function (response) {
|
|
|
+ },
|
|
|
+ onDragOver: function () {
|
|
|
+ $(this).addClass("upload_drag_hover");
|
|
|
+ },
|
|
|
+ onDragLeave: function () {
|
|
|
+ $(this).removeClass("upload_drag_hover");
|
|
|
+ }
|
|
|
+ };
|
|
|
+ ZYFILE = $.extend(ZYFILE, params);
|
|
|
+ ZYFILE.init();
|
|
|
+ };
|
|
|
+ /**
|
|
|
+ * 功能：绑定事件
|
|
|
+ * 参数: 无
|
|
|
+ * 返回: 无
|
|
|
+ */
|
|
|
+ this.addEvent = function () {
|
|
|
+ // 如果快捷添加文件按钮存在
|
|
|
+ if ($(self).find(".filePicker").length > 0) {
|
|
|
+ // 绑定选择事件
|
|
|
+ $(self).find(".filePicker").bind("click", function (e) {
|
|
|
+ $(self).find(".fileImage").click();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // 绑定继续添加点击事件
|
|
|
+ $(self).find(".webuploader_pick").bind("click", function (e) {
|
|
|
+ $(self).find(".fileImage").click();
|
|
|
+ });
|
|
|
+ // 绑定上传点击事件
|
|
|
+ $(self).find(".upload_btn").bind("click", function (e) {
|
|
|
+ // 判断当前是否有文件需要上传
|
|
|
+ if (ZYFILE.funReturnNeedFiles().length > 0) {
|
|
|
+ $(self).find(".fileSubmit").click();
|
|
|
+ } else {
|
|
|
+ alert("请先选中文件再点击上传");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 如果快捷添加文件按钮存在
|
|
|
+ if ($(self).find(".rapidAddImg").length > 0) {
|
|
|
+ // 绑定添加点击事件
|
|
|
+ $(self).find(".rapidAddImg").bind("click", function (e) {
|
|
|
+ $(self).find(".fileImage").click();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // 初始化上传控制层插件
|
|
|
+ this.init();
|
|
|
+ });
|
|
|
+ };
|
|
|
})(KindEditor);
|
|
|
-
|
|
|
-KindEditor.plugin('multiimage', function(K) {
|
|
|
- var self = this, name = 'multiimage',
|
|
|
- formatUploadUrl = K.undef(self.formatUploadUrl, true),
|
|
|
- uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
|
|
|
- imgPath = self.pluginsPath + 'multiimage/images/',
|
|
|
- imageSizeLimit = K.undef(self.imageSizeLimit, '1MB'),
|
|
|
- imageFileTypes = K.undef(self.imageFileTypes, '*.jpg;*.gif;*.png'),
|
|
|
- imageUploadLimit = K.undef(self.imageUploadLimit, 20),
|
|
|
- filePostName = K.undef(self.filePostName, 'imgFile'),
|
|
|
- lang = self.lang(name + '.');
|
|
|
-
|
|
|
- self.plugin.multiImageDialog = function(options) {
|
|
|
- var clickFn = options.clickFn,
|
|
|
- uploadDesc = K.tmpl(lang.uploadDesc, {uploadLimit : imageUploadLimit, sizeLimit : imageSizeLimit});
|
|
|
- var html = [
|
|
|
- '<div style="padding:20px;">',
|
|
|
- '<div class="swfupload">',
|
|
|
- '</div>',
|
|
|
- '</div>'
|
|
|
- ].join('');
|
|
|
- var dialog = self.createDialog({
|
|
|
- name : name,
|
|
|
- width : 650,
|
|
|
- height : 510,
|
|
|
- title : self.lang(name),
|
|
|
- body : html,
|
|
|
- previewBtn : {
|
|
|
- name : lang.insertAll,
|
|
|
- click : function(e) {
|
|
|
- clickFn.call(self, swfupload.getUrlList());
|
|
|
- }
|
|
|
- },
|
|
|
- yesBtn : {
|
|
|
- name : lang.clearAll,
|
|
|
- click : function(e) {
|
|
|
- swfupload.removeFiles();
|
|
|
- }
|
|
|
- },
|
|
|
- beforeRemove : function() {
|
|
|
- // IE9 bugfix: https://github.com/kindsoft/kindeditor/issues/72
|
|
|
- if (!K.IE || K.V <= 8) {
|
|
|
- swfupload.remove();
|
|
|
- }
|
|
|
- }
|
|
|
- }),
|
|
|
- div = dialog.div;
|
|
|
-
|
|
|
- var swfupload = K.swfupload({
|
|
|
- container : K('.swfupload', div),
|
|
|
- buttonImageUrl : imgPath + (self.langType == 'zh-CN' ? 'select-files-zh-CN.png' : 'select-files-en.png'),
|
|
|
- buttonWidth : self.langType == 'zh-CN' ? 72 : 88,
|
|
|
- buttonHeight : 23,
|
|
|
- fileIconUrl : imgPath + 'image.png',
|
|
|
- uploadDesc : uploadDesc,
|
|
|
- startButtonValue : lang.startUpload,
|
|
|
- uploadUrl : K.addParam(uploadJson, 'dir=image'),
|
|
|
- flashUrl : imgPath + 'swfupload.swf',
|
|
|
- filePostName : filePostName,
|
|
|
- fileTypes : '*.jpg;*.jpeg;*.gif;*.png;*.bmp',
|
|
|
- fileTypesDesc : 'Image Files',
|
|
|
- fileUploadLimit : imageUploadLimit,
|
|
|
- fileSizeLimit : imageSizeLimit,
|
|
|
- postParams : K.undef(self.extraFileUploadParams, {}),
|
|
|
- queueLimitExceeded : lang.queueLimitExceeded,
|
|
|
- fileExceedsSizeLimit : lang.fileExceedsSizeLimit,
|
|
|
- zeroByteFile : lang.zeroByteFile,
|
|
|
- invalidFiletype : lang.invalidFiletype,
|
|
|
- unknownError : lang.unknownError,
|
|
|
- pendingMessage : lang.pending,
|
|
|
- errorMessage : lang.uploadError,
|
|
|
- afterError : function(html) {
|
|
|
- self.errorDialog(html);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- 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.url, data, 'multiimage');
|
|
|
- }
|
|
|
- self.exec('insertimage', data.url, data.title, data.width, data.height, data.border, data.align);
|
|
|
- });
|
|
|
- // Bugfix: [Firefox] 上传图片后，总是出现正在加载的样式，需要延迟执行hideDialog
|
|
|
- setTimeout(function() {
|
|
|
- self.hideDialog().focus();
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
-});
|
|
|
-
|
|
|
-
|
|
|
-/**
|
|
|
- * SWFUpload: http://www.swfupload.org, http://swfupload.googlecode.com
|
|
|
- *
|
|
|
- * mmSWFUpload 1.0: Flash upload dialog - http://profandesign.se/swfupload/, http://www.vinterwebb.se/
|
|
|
- *
|
|
|
- * SWFUpload is (c) 2006-2007 Lars Huring, Olov Nilz閚 and Mammon Media and is released under the MIT License:
|
|
|
- * http://www.opensource.org/licenses/mit-license.php
|
|
|
- *
|
|
|
- * SWFUpload 2 is (c) 2007-2008 Jake Roberts and is released under the MIT License:
|
|
|
- * http://www.opensource.org/licenses/mit-license.php
|
|
|
- *
|
|
|
- */
|
|
|
-
|
|
|
-
|
|
|
-/* ******************* */
|
|
|
-/* Constructor & Init */
|
|
|
-/* ******************* */
|
|
|
-
|
|
|
-(function() {
|
|
|
-
|
|
|
-window.SWFUpload = function (settings) {
|
|
|
- this.initSWFUpload(settings);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.initSWFUpload = function (settings) {
|
|
|
- try {
|
|
|
- this.customSettings = {}; // A container where developers can place their own settings associated with this instance.
|
|
|
- this.settings = settings;
|
|
|
- this.eventQueue = [];
|
|
|
- this.movieName = "KindEditor_SWFUpload_" + SWFUpload.movieCount++;
|
|
|
- this.movieElement = null;
|
|
|
-
|
|
|
-
|
|
|
- // Setup global control tracking
|
|
|
- SWFUpload.instances[this.movieName] = this;
|
|
|
-
|
|
|
- // Load the settings. Load the Flash movie.
|
|
|
- this.initSettings();
|
|
|
- this.loadFlash();
|
|
|
- this.displayDebugInfo();
|
|
|
- } catch (ex) {
|
|
|
- delete SWFUpload.instances[this.movieName];
|
|
|
- throw ex;
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-/* *************** */
|
|
|
-/* Static Members */
|
|
|
-/* *************** */
|
|
|
-SWFUpload.instances = {};
|
|
|
-SWFUpload.movieCount = 0;
|
|
|
-SWFUpload.version = "2.2.0 2009-03-25";
|
|
|
-SWFUpload.QUEUE_ERROR = {
|
|
|
- QUEUE_LIMIT_EXCEEDED : -100,
|
|
|
- FILE_EXCEEDS_SIZE_LIMIT : -110,
|
|
|
- ZERO_BYTE_FILE : -120,
|
|
|
- INVALID_FILETYPE : -130
|
|
|
-};
|
|
|
-SWFUpload.UPLOAD_ERROR = {
|
|
|
- HTTP_ERROR : -200,
|
|
|
- MISSING_UPLOAD_URL : -210,
|
|
|
- IO_ERROR : -220,
|
|
|
- SECURITY_ERROR : -230,
|
|
|
- UPLOAD_LIMIT_EXCEEDED : -240,
|
|
|
- UPLOAD_FAILED : -250,
|
|
|
- SPECIFIED_FILE_ID_NOT_FOUND : -260,
|
|
|
- FILE_VALIDATION_FAILED : -270,
|
|
|
- FILE_CANCELLED : -280,
|
|
|
- UPLOAD_STOPPED : -290
|
|
|
-};
|
|
|
-SWFUpload.FILE_STATUS = {
|
|
|
- QUEUED : -1,
|
|
|
- IN_PROGRESS : -2,
|
|
|
- ERROR : -3,
|
|
|
- COMPLETE : -4,
|
|
|
- CANCELLED : -5
|
|
|
-};
|
|
|
-SWFUpload.BUTTON_ACTION = {
|
|
|
- SELECT_FILE : -100,
|
|
|
- SELECT_FILES : -110,
|
|
|
- START_UPLOAD : -120
|
|
|
-};
|
|
|
-SWFUpload.CURSOR = {
|
|
|
- ARROW : -1,
|
|
|
- HAND : -2
|
|
|
-};
|
|
|
-SWFUpload.WINDOW_MODE = {
|
|
|
- WINDOW : "window",
|
|
|
- TRANSPARENT : "transparent",
|
|
|
- OPAQUE : "opaque"
|
|
|
-};
|
|
|
-
|
|
|
-// Private: takes a URL, determines if it is relative and converts to an absolute URL
|
|
|
-// using the current site. Only processes the URL if it can, otherwise returns the URL untouched
|
|
|
-SWFUpload.completeURL = function(url) {
|
|
|
- if (typeof(url) !== "string" || url.match(/^https?:\/\//i) || url.match(/^\//)) {
|
|
|
- return url;
|
|
|
- }
|
|
|
-
|
|
|
- var currentURL = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "");
|
|
|
-
|
|
|
- var indexSlash = window.location.pathname.lastIndexOf("/");
|
|
|
- if (indexSlash <= 0) {
|
|
|
- path = "/";
|
|
|
- } else {
|
|
|
- path = window.location.pathname.substr(0, indexSlash) + "/";
|
|
|
- }
|
|
|
-
|
|
|
- return /*currentURL +*/ path + url;
|
|
|
-
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/* ******************** */
|
|
|
-/* Instance Members */
|
|
|
-/* ******************** */
|
|
|
-
|
|
|
-// Private: initSettings ensures that all the
|
|
|
-// settings are set, getting a default value if one was not assigned.
|
|
|
-SWFUpload.prototype.initSettings = function () {
|
|
|
- this.ensureDefault = function (settingName, defaultValue) {
|
|
|
- this.settings[settingName] = (this.settings[settingName] == undefined) ? defaultValue : this.settings[settingName];
|
|
|
- };
|
|
|
-
|
|
|
- // Upload backend settings
|
|
|
- this.ensureDefault("upload_url", "");
|
|
|
- this.ensureDefault("preserve_relative_urls", false);
|
|
|
- this.ensureDefault("file_post_name", "Filedata");
|
|
|
- this.ensureDefault("post_params", {});
|
|
|
- this.ensureDefault("use_query_string", false);
|
|
|
- this.ensureDefault("requeue_on_error", false);
|
|
|
- this.ensureDefault("http_success", []);
|
|
|
- this.ensureDefault("assume_success_timeout", 0);
|
|
|
-
|
|
|
- // File Settings
|
|
|
- this.ensureDefault("file_types", "*.*");
|
|
|
- this.ensureDefault("file_types_description", "All Files");
|
|
|
- this.ensureDefault("file_size_limit", 0); // Default zero means "unlimited"
|
|
|
- this.ensureDefault("file_upload_limit", 0);
|
|
|
- this.ensureDefault("file_queue_limit", 0);
|
|
|
-
|
|
|
- // Flash Settings
|
|
|
- this.ensureDefault("flash_url", "swfupload.swf");
|
|
|
- this.ensureDefault("prevent_swf_caching", true);
|
|
|
-
|
|
|
- // Button Settings
|
|
|
- this.ensureDefault("button_image_url", "");
|
|
|
- this.ensureDefault("button_width", 1);
|
|
|
- this.ensureDefault("button_height", 1);
|
|
|
- this.ensureDefault("button_text", "");
|
|
|
- this.ensureDefault("button_text_style", "color: #000000; font-size: 16pt;");
|
|
|
- this.ensureDefault("button_text_top_padding", 0);
|
|
|
- this.ensureDefault("button_text_left_padding", 0);
|
|
|
- this.ensureDefault("button_action", SWFUpload.BUTTON_ACTION.SELECT_FILES);
|
|
|
- this.ensureDefault("button_disabled", false);
|
|
|
- this.ensureDefault("button_placeholder_id", "");
|
|
|
- this.ensureDefault("button_placeholder", null);
|
|
|
- this.ensureDefault("button_cursor", SWFUpload.CURSOR.ARROW);
|
|
|
- this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.WINDOW);
|
|
|
-
|
|
|
- // Debug Settings
|
|
|
- this.ensureDefault("debug", false);
|
|
|
- this.settings.debug_enabled = this.settings.debug; // Here to maintain v2 API
|
|
|
-
|
|
|
- // Event Handlers
|
|
|
- this.settings.return_upload_start_handler = this.returnUploadStart;
|
|
|
- this.ensureDefault("swfupload_loaded_handler", null);
|
|
|
- this.ensureDefault("file_dialog_start_handler", null);
|
|
|
- this.ensureDefault("file_queued_handler", null);
|
|
|
- this.ensureDefault("file_queue_error_handler", null);
|
|
|
- this.ensureDefault("file_dialog_complete_handler", null);
|
|
|
-
|
|
|
- this.ensureDefault("upload_start_handler", null);
|
|
|
- this.ensureDefault("upload_progress_handler", null);
|
|
|
- this.ensureDefault("upload_error_handler", null);
|
|
|
- this.ensureDefault("upload_success_handler", null);
|
|
|
- this.ensureDefault("upload_complete_handler", null);
|
|
|
-
|
|
|
- this.ensureDefault("debug_handler", this.debugMessage);
|
|
|
-
|
|
|
- this.ensureDefault("custom_settings", {});
|
|
|
-
|
|
|
- // Other settings
|
|
|
- this.customSettings = this.settings.custom_settings;
|
|
|
-
|
|
|
- // Update the flash url if needed
|
|
|
- if (!!this.settings.prevent_swf_caching) {
|
|
|
- this.settings.flash_url = this.settings.flash_url + (this.settings.flash_url.indexOf("?") < 0 ? "?" : "&") + "preventswfcaching=" + new Date().getTime();
|
|
|
- }
|
|
|
-
|
|
|
- if (!this.settings.preserve_relative_urls) {
|
|
|
- //this.settings.flash_url = SWFUpload.completeURL(this.settings.flash_url); // Don't need to do this one since flash doesn't look at it
|
|
|
- this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);
|
|
|
- this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url);
|
|
|
- }
|
|
|
-
|
|
|
- delete this.ensureDefault;
|
|
|
-};
|
|
|
-
|
|
|
-// Private: loadFlash replaces the button_placeholder element with the flash movie.
|
|
|
-SWFUpload.prototype.loadFlash = function () {
|
|
|
- var targetElement, tempParent;
|
|
|
-
|
|
|
- // Make sure an element with the ID we are going to use doesn't already exist
|
|
|
- if (document.getElementById(this.movieName) !== null) {
|
|
|
- throw "ID " + this.movieName + " is already in use. The Flash Object could not be added";
|
|
|
- }
|
|
|
-
|
|
|
- // Get the element where we will be placing the flash movie
|
|
|
- targetElement = document.getElementById(this.settings.button_placeholder_id) || this.settings.button_placeholder;
|
|
|
-
|
|
|
- if (targetElement == undefined) {
|
|
|
- throw "Could not find the placeholder element: " + this.settings.button_placeholder_id;
|
|
|
- }
|
|
|
-
|
|
|
- // Append the container and load the flash
|
|
|
- tempParent = document.createElement("div");
|
|
|
- tempParent.innerHTML = this.getFlashHTML(); // Using innerHTML is non-standard but the only sensible way to dynamically add Flash in IE (and maybe other browsers)
|
|
|
- targetElement.parentNode.replaceChild(tempParent.firstChild, targetElement);
|
|
|
-
|
|
|
- // Fix IE Flash/Form bug
|
|
|
- if (window[this.movieName] == undefined) {
|
|
|
- window[this.movieName] = this.getMovieElement();
|
|
|
- }
|
|
|
-
|
|
|
-};
|
|
|
-
|
|
|
-// Private: getFlashHTML generates the object tag needed to embed the flash in to the document
|
|
|
-SWFUpload.prototype.getFlashHTML = function () {
|
|
|
- // Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
|
|
|
- // Fix bug for IE9
|
|
|
- // http://www.kindsoft.net/view.php?bbsid=7&postid=5825&pagenum=1
|
|
|
- var classid = '';
|
|
|
- if (KindEditor.IE && KindEditor.V > 8) {
|
|
|
- classid = ' classid = "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"';
|
|
|
- }
|
|
|
- return ['<object id="', this.movieName, '"' + classid + ' type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">',
|
|
|
- '<param name="wmode" value="', this.settings.button_window_mode, '" />',
|
|
|
- '<param name="movie" value="', this.settings.flash_url, '" />',
|
|
|
- '<param name="quality" value="high" />',
|
|
|
- '<param name="menu" value="false" />',
|
|
|
- '<param name="allowScriptAccess" value="always" />',
|
|
|
- '<param name="flashvars" value="' + this.getFlashVars() + '" />',
|
|
|
- '</object>'].join("");
|
|
|
-};
|
|
|
-
|
|
|
-// Private: getFlashVars builds the parameter string that will be passed
|
|
|
-// to flash in the flashvars param.
|
|
|
-SWFUpload.prototype.getFlashVars = function () {
|
|
|
- // Build a string from the post param object
|
|
|
- var paramString = this.buildParamString();
|
|
|
- var httpSuccessString = this.settings.http_success.join(",");
|
|
|
-
|
|
|
- // Build the parameter string
|
|
|
- return ["movieName=", encodeURIComponent(this.movieName),
|
|
|
- "&uploadURL=", encodeURIComponent(this.settings.upload_url),
|
|
|
- "&useQueryString=", encodeURIComponent(this.settings.use_query_string),
|
|
|
- "&requeueOnError=", encodeURIComponent(this.settings.requeue_on_error),
|
|
|
- "&httpSuccess=", encodeURIComponent(httpSuccessString),
|
|
|
- "&assumeSuccessTimeout=", encodeURIComponent(this.settings.assume_success_timeout),
|
|
|
- "&params=", encodeURIComponent(paramString),
|
|
|
- "&filePostName=", encodeURIComponent(this.settings.file_post_name),
|
|
|
- "&fileTypes=", encodeURIComponent(this.settings.file_types),
|
|
|
- "&fileTypesDescription=", encodeURIComponent(this.settings.file_types_description),
|
|
|
- "&fileSizeLimit=", encodeURIComponent(this.settings.file_size_limit),
|
|
|
- "&fileUploadLimit=", encodeURIComponent(this.settings.file_upload_limit),
|
|
|
- "&fileQueueLimit=", encodeURIComponent(this.settings.file_queue_limit),
|
|
|
- "&debugEnabled=", encodeURIComponent(this.settings.debug_enabled),
|
|
|
- "&buttonImageURL=", encodeURIComponent(this.settings.button_image_url),
|
|
|
- "&buttonWidth=", encodeURIComponent(this.settings.button_width),
|
|
|
- "&buttonHeight=", encodeURIComponent(this.settings.button_height),
|
|
|
- "&buttonText=", encodeURIComponent(this.settings.button_text),
|
|
|
- "&buttonTextTopPadding=", encodeURIComponent(this.settings.button_text_top_padding),
|
|
|
- "&buttonTextLeftPadding=", encodeURIComponent(this.settings.button_text_left_padding),
|
|
|
- "&buttonTextStyle=", encodeURIComponent(this.settings.button_text_style),
|
|
|
- "&buttonAction=", encodeURIComponent(this.settings.button_action),
|
|
|
- "&buttonDisabled=", encodeURIComponent(this.settings.button_disabled),
|
|
|
- "&buttonCursor=", encodeURIComponent(this.settings.button_cursor)
|
|
|
- ].join("");
|
|
|
-};
|
|
|
-
|
|
|
-// Public: getMovieElement retrieves the DOM reference to the Flash element added by SWFUpload
|
|
|
-// The element is cached after the first lookup
|
|
|
-SWFUpload.prototype.getMovieElement = function () {
|
|
|
- if (this.movieElement == undefined) {
|
|
|
- this.movieElement = document.getElementById(this.movieName);
|
|
|
- }
|
|
|
-
|
|
|
- if (this.movieElement === null) {
|
|
|
- throw "Could not find Flash element";
|
|
|
- }
|
|
|
-
|
|
|
- return this.movieElement;
|
|
|
-};
|
|
|
-
|
|
|
-// Private: buildParamString takes the name/value pairs in the post_params setting object
|
|
|
-// and joins them up in to a string formatted "name=value&name=value"
|
|
|
-SWFUpload.prototype.buildParamString = function () {
|
|
|
- var postParams = this.settings.post_params;
|
|
|
- var paramStringPairs = [];
|
|
|
-
|
|
|
- if (typeof(postParams) === "object") {
|
|
|
- for (var name in postParams) {
|
|
|
- if (postParams.hasOwnProperty(name)) {
|
|
|
- paramStringPairs.push(encodeURIComponent(name.toString()) + "=" + encodeURIComponent(postParams[name].toString()));
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- return paramStringPairs.join("&");
|
|
|
-};
|
|
|
-
|
|
|
-// Public: Used to remove a SWFUpload instance from the page. This method strives to remove
|
|
|
-// all references to the SWF, and other objects so memory is properly freed.
|
|
|
-// Returns true if everything was destroyed. Returns a false if a failure occurs leaving SWFUpload in an inconsistant state.
|
|
|
-// Credits: Major improvements provided by steffen
|
|
|
-SWFUpload.prototype.destroy = function () {
|
|
|
- try {
|
|
|
- // Make sure Flash is done before we try to remove it
|
|
|
- this.cancelUpload(null, false);
|
|
|
-
|
|
|
-
|
|
|
- // Remove the SWFUpload DOM nodes
|
|
|
- var movieElement = null;
|
|
|
- movieElement = this.getMovieElement();
|
|
|
-
|
|
|
- if (movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
|
|
|
- // Loop through all the movie's properties and remove all function references (DOM/JS IE 6/7 memory leak workaround)
|
|
|
- for (var i in movieElement) {
|
|
|
- try {
|
|
|
- if (typeof(movieElement[i]) === "function") {
|
|
|
- movieElement[i] = null;
|
|
|
- }
|
|
|
- } catch (ex1) {}
|
|
|
- }
|
|
|
-
|
|
|
- // Remove the Movie Element from the page
|
|
|
- try {
|
|
|
- movieElement.parentNode.removeChild(movieElement);
|
|
|
- } catch (ex) {}
|
|
|
- }
|
|
|
-
|
|
|
- // Remove IE form fix reference
|
|
|
- window[this.movieName] = null;
|
|
|
-
|
|
|
- // Destroy other references
|
|
|
- SWFUpload.instances[this.movieName] = null;
|
|
|
- delete SWFUpload.instances[this.movieName];
|
|
|
-
|
|
|
- this.movieElement = null;
|
|
|
- this.settings = null;
|
|
|
- this.customSettings = null;
|
|
|
- this.eventQueue = null;
|
|
|
- this.movieName = null;
|
|
|
-
|
|
|
-
|
|
|
- return true;
|
|
|
- } catch (ex2) {
|
|
|
- return false;
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-// Public: displayDebugInfo prints out settings and configuration
|
|
|
-// information about this SWFUpload instance.
|
|
|
-// This function (and any references to it) can be deleted when placing
|
|
|
-// SWFUpload in production.
|
|
|
-SWFUpload.prototype.displayDebugInfo = function () {
|
|
|
- this.debug(
|
|
|
- [
|
|
|
- "---SWFUpload Instance Info---\n",
|
|
|
- "Version: ", SWFUpload.version, "\n",
|
|
|
- "Movie Name: ", this.movieName, "\n",
|
|
|
- "Settings:\n",
|
|
|
- "\t", "upload_url: ", this.settings.upload_url, "\n",
|
|
|
- "\t", "flash_url: ", this.settings.flash_url, "\n",
|
|
|
- "\t", "use_query_string: ", this.settings.use_query_string.toString(), "\n",
|
|
|
- "\t", "requeue_on_error: ", this.settings.requeue_on_error.toString(), "\n",
|
|
|
- "\t", "http_success: ", this.settings.http_success.join(", "), "\n",
|
|
|
- "\t", "assume_success_timeout: ", this.settings.assume_success_timeout, "\n",
|
|
|
- "\t", "file_post_name: ", this.settings.file_post_name, "\n",
|
|
|
- "\t", "post_params: ", this.settings.post_params.toString(), "\n",
|
|
|
- "\t", "file_types: ", this.settings.file_types, "\n",
|
|
|
- "\t", "file_types_description: ", this.settings.file_types_description, "\n",
|
|
|
- "\t", "file_size_limit: ", this.settings.file_size_limit, "\n",
|
|
|
- "\t", "file_upload_limit: ", this.settings.file_upload_limit, "\n",
|
|
|
- "\t", "file_queue_limit: ", this.settings.file_queue_limit, "\n",
|
|
|
- "\t", "debug: ", this.settings.debug.toString(), "\n",
|
|
|
-
|
|
|
- "\t", "prevent_swf_caching: ", this.settings.prevent_swf_caching.toString(), "\n",
|
|
|
-
|
|
|
- "\t", "button_placeholder_id: ", this.settings.button_placeholder_id.toString(), "\n",
|
|
|
- "\t", "button_placeholder: ", (this.settings.button_placeholder ? "Set" : "Not Set"), "\n",
|
|
|
- "\t", "button_image_url: ", this.settings.button_image_url.toString(), "\n",
|
|
|
- "\t", "button_width: ", this.settings.button_width.toString(), "\n",
|
|
|
- "\t", "button_height: ", this.settings.button_height.toString(), "\n",
|
|
|
- "\t", "button_text: ", this.settings.button_text.toString(), "\n",
|
|
|
- "\t", "button_text_style: ", this.settings.button_text_style.toString(), "\n",
|
|
|
- "\t", "button_text_top_padding: ", this.settings.button_text_top_padding.toString(), "\n",
|
|
|
- "\t", "button_text_left_padding: ", this.settings.button_text_left_padding.toString(), "\n",
|
|
|
- "\t", "button_action: ", this.settings.button_action.toString(), "\n",
|
|
|
- "\t", "button_disabled: ", this.settings.button_disabled.toString(), "\n",
|
|
|
-
|
|
|
- "\t", "custom_settings: ", this.settings.custom_settings.toString(), "\n",
|
|
|
- "Event Handlers:\n",
|
|
|
- "\t", "swfupload_loaded_handler assigned: ", (typeof this.settings.swfupload_loaded_handler === "function").toString(), "\n",
|
|
|
- "\t", "file_dialog_start_handler assigned: ", (typeof this.settings.file_dialog_start_handler === "function").toString(), "\n",
|
|
|
- "\t", "file_queued_handler assigned: ", (typeof this.settings.file_queued_handler === "function").toString(), "\n",
|
|
|
- "\t", "file_queue_error_handler assigned: ", (typeof this.settings.file_queue_error_handler === "function").toString(), "\n",
|
|
|
- "\t", "upload_start_handler assigned: ", (typeof this.settings.upload_start_handler === "function").toString(), "\n",
|
|
|
- "\t", "upload_progress_handler assigned: ", (typeof this.settings.upload_progress_handler === "function").toString(), "\n",
|
|
|
- "\t", "upload_error_handler assigned: ", (typeof this.settings.upload_error_handler === "function").toString(), "\n",
|
|
|
- "\t", "upload_success_handler assigned: ", (typeof this.settings.upload_success_handler === "function").toString(), "\n",
|
|
|
- "\t", "upload_complete_handler assigned: ", (typeof this.settings.upload_complete_handler === "function").toString(), "\n",
|
|
|
- "\t", "debug_handler assigned: ", (typeof this.settings.debug_handler === "function").toString(), "\n"
|
|
|
- ].join("")
|
|
|
- );
|
|
|
-};
|
|
|
-
|
|
|
-/* Note: addSetting and getSetting are no longer used by SWFUpload but are included
|
|
|
- the maintain v2 API compatibility
|
|
|
-*/
|
|
|
-// Public: (Deprecated) addSetting adds a setting value. If the value given is undefined or null then the default_value is used.
|
|
|
-SWFUpload.prototype.addSetting = function (name, value, default_value) {
|
|
|
- if (value == undefined) {
|
|
|
- return (this.settings[name] = default_value);
|
|
|
- } else {
|
|
|
- return (this.settings[name] = value);
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// Public: (Deprecated) getSetting gets a setting. Returns an empty string if the setting was not found.
|
|
|
-SWFUpload.prototype.getSetting = function (name) {
|
|
|
- if (this.settings[name] != undefined) {
|
|
|
- return this.settings[name];
|
|
|
- }
|
|
|
-
|
|
|
- return "";
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-// Private: callFlash handles function calls made to the Flash element.
|
|
|
-// Calls are made with a setTimeout for some functions to work around
|
|
|
-// bugs in the ExternalInterface library.
|
|
|
-SWFUpload.prototype.callFlash = function (functionName, argumentArray) {
|
|
|
- argumentArray = argumentArray || [];
|
|
|
-
|
|
|
- var movieElement = this.getMovieElement();
|
|
|
- var returnValue, returnString;
|
|
|
-
|
|
|
- // Flash's method if calling ExternalInterface methods (code adapted from MooTools).
|
|
|
- try {
|
|
|
- returnString = movieElement.CallFunction('<invoke name="' + functionName + '" returntype="javascript">' + __flash__argumentsToXML(argumentArray, 0) + '</invoke>');
|
|
|
- returnValue = eval(returnString);
|
|
|
- } catch (ex) {
|
|
|
- throw "Call to " + functionName + " failed";
|
|
|
- }
|
|
|
-
|
|
|
- // Unescape file post param values
|
|
|
- if (returnValue != undefined && typeof returnValue.post === "object") {
|
|
|
- returnValue = this.unescapeFilePostParams(returnValue);
|
|
|
- }
|
|
|
-
|
|
|
- return returnValue;
|
|
|
-};
|
|
|
-
|
|
|
-/* *****************************
|
|
|
- -- Flash control methods --
|
|
|
- Your UI should use these
|
|
|
- to operate SWFUpload
|
|
|
- ***************************** */
|
|
|
-
|
|
|
-// WARNING: this function does not work in Flash Player 10
|
|
|
-// Public: selectFile causes a File Selection Dialog window to appear. This
|
|
|
-// dialog only allows 1 file to be selected.
|
|
|
-SWFUpload.prototype.selectFile = function () {
|
|
|
- this.callFlash("SelectFile");
|
|
|
-};
|
|
|
-
|
|
|
-// WARNING: this function does not work in Flash Player 10
|
|
|
-// Public: selectFiles causes a File Selection Dialog window to appear/ This
|
|
|
-// dialog allows the user to select any number of files
|
|
|
-// Flash Bug Warning: Flash limits the number of selectable files based on the combined length of the file names.
|
|
|
-// If the selection name length is too long the dialog will fail in an unpredictable manner. There is no work-around
|
|
|
-// for this bug.
|
|
|
-SWFUpload.prototype.selectFiles = function () {
|
|
|
- this.callFlash("SelectFiles");
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-// Public: startUpload starts uploading the first file in the queue unless
|
|
|
-// the optional parameter 'fileID' specifies the ID
|
|
|
-SWFUpload.prototype.startUpload = function (fileID) {
|
|
|
- this.callFlash("StartUpload", [fileID]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: cancelUpload cancels any queued file. The fileID parameter may be the file ID or index.
|
|
|
-// If you do not specify a fileID the current uploading file or first file in the queue is cancelled.
|
|
|
-// If you do not want the uploadError event to trigger you can specify false for the triggerErrorEvent parameter.
|
|
|
-SWFUpload.prototype.cancelUpload = function (fileID, triggerErrorEvent) {
|
|
|
- if (triggerErrorEvent !== false) {
|
|
|
- triggerErrorEvent = true;
|
|
|
- }
|
|
|
- this.callFlash("CancelUpload", [fileID, triggerErrorEvent]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: stopUpload stops the current upload and requeues the file at the beginning of the queue.
|
|
|
-// If nothing is currently uploading then nothing happens.
|
|
|
-SWFUpload.prototype.stopUpload = function () {
|
|
|
- this.callFlash("StopUpload");
|
|
|
-};
|
|
|
-
|
|
|
-/* ************************
|
|
|
- * Settings methods
|
|
|
- * These methods change the SWFUpload settings.
|
|
|
- * SWFUpload settings should not be changed directly on the settings object
|
|
|
- * since many of the settings need to be passed to Flash in order to take
|
|
|
- * effect.
|
|
|
- * *********************** */
|
|
|
-
|
|
|
-// Public: getStats gets the file statistics object.
|
|
|
-SWFUpload.prototype.getStats = function () {
|
|
|
- return this.callFlash("GetStats");
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setStats changes the SWFUpload statistics. You shouldn't need to
|
|
|
-// change the statistics but you can. Changing the statistics does not
|
|
|
-// affect SWFUpload accept for the successful_uploads count which is used
|
|
|
-// by the upload_limit setting to determine how many files the user may upload.
|
|
|
-SWFUpload.prototype.setStats = function (statsObject) {
|
|
|
- this.callFlash("SetStats", [statsObject]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: getFile retrieves a File object by ID or Index. If the file is
|
|
|
-// not found then 'null' is returned.
|
|
|
-SWFUpload.prototype.getFile = function (fileID) {
|
|
|
- if (typeof(fileID) === "number") {
|
|
|
- return this.callFlash("GetFileByIndex", [fileID]);
|
|
|
- } else {
|
|
|
- return this.callFlash("GetFile", [fileID]);
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// Public: addFileParam sets a name/value pair that will be posted with the
|
|
|
-// file specified by the Files ID. If the name already exists then the
|
|
|
-// exiting value will be overwritten.
|
|
|
-SWFUpload.prototype.addFileParam = function (fileID, name, value) {
|
|
|
- return this.callFlash("AddFileParam", [fileID, name, value]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: removeFileParam removes a previously set (by addFileParam) name/value
|
|
|
-// pair from the specified file.
|
|
|
-SWFUpload.prototype.removeFileParam = function (fileID, name) {
|
|
|
- this.callFlash("RemoveFileParam", [fileID, name]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setUploadUrl changes the upload_url setting.
|
|
|
-SWFUpload.prototype.setUploadURL = function (url) {
|
|
|
- this.settings.upload_url = url.toString();
|
|
|
- this.callFlash("SetUploadURL", [url]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setPostParams changes the post_params setting
|
|
|
-SWFUpload.prototype.setPostParams = function (paramsObject) {
|
|
|
- this.settings.post_params = paramsObject;
|
|
|
- this.callFlash("SetPostParams", [paramsObject]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: addPostParam adds post name/value pair. Each name can have only one value.
|
|
|
-SWFUpload.prototype.addPostParam = function (name, value) {
|
|
|
- this.settings.post_params[name] = value;
|
|
|
- this.callFlash("SetPostParams", [this.settings.post_params]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: removePostParam deletes post name/value pair.
|
|
|
-SWFUpload.prototype.removePostParam = function (name) {
|
|
|
- delete this.settings.post_params[name];
|
|
|
- this.callFlash("SetPostParams", [this.settings.post_params]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setFileTypes changes the file_types setting and the file_types_description setting
|
|
|
-SWFUpload.prototype.setFileTypes = function (types, description) {
|
|
|
- this.settings.file_types = types;
|
|
|
- this.settings.file_types_description = description;
|
|
|
- this.callFlash("SetFileTypes", [types, description]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setFileSizeLimit changes the file_size_limit setting
|
|
|
-SWFUpload.prototype.setFileSizeLimit = function (fileSizeLimit) {
|
|
|
- this.settings.file_size_limit = fileSizeLimit;
|
|
|
- this.callFlash("SetFileSizeLimit", [fileSizeLimit]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setFileUploadLimit changes the file_upload_limit setting
|
|
|
-SWFUpload.prototype.setFileUploadLimit = function (fileUploadLimit) {
|
|
|
- this.settings.file_upload_limit = fileUploadLimit;
|
|
|
- this.callFlash("SetFileUploadLimit", [fileUploadLimit]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setFileQueueLimit changes the file_queue_limit setting
|
|
|
-SWFUpload.prototype.setFileQueueLimit = function (fileQueueLimit) {
|
|
|
- this.settings.file_queue_limit = fileQueueLimit;
|
|
|
- this.callFlash("SetFileQueueLimit", [fileQueueLimit]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setFilePostName changes the file_post_name setting
|
|
|
-SWFUpload.prototype.setFilePostName = function (filePostName) {
|
|
|
- this.settings.file_post_name = filePostName;
|
|
|
- this.callFlash("SetFilePostName", [filePostName]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setUseQueryString changes the use_query_string setting
|
|
|
-SWFUpload.prototype.setUseQueryString = function (useQueryString) {
|
|
|
- this.settings.use_query_string = useQueryString;
|
|
|
- this.callFlash("SetUseQueryString", [useQueryString]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setRequeueOnError changes the requeue_on_error setting
|
|
|
-SWFUpload.prototype.setRequeueOnError = function (requeueOnError) {
|
|
|
- this.settings.requeue_on_error = requeueOnError;
|
|
|
- this.callFlash("SetRequeueOnError", [requeueOnError]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setHTTPSuccess changes the http_success setting
|
|
|
-SWFUpload.prototype.setHTTPSuccess = function (http_status_codes) {
|
|
|
- if (typeof http_status_codes === "string") {
|
|
|
- http_status_codes = http_status_codes.replace(" ", "").split(",");
|
|
|
- }
|
|
|
-
|
|
|
- this.settings.http_success = http_status_codes;
|
|
|
- this.callFlash("SetHTTPSuccess", [http_status_codes]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setHTTPSuccess changes the http_success setting
|
|
|
-SWFUpload.prototype.setAssumeSuccessTimeout = function (timeout_seconds) {
|
|
|
- this.settings.assume_success_timeout = timeout_seconds;
|
|
|
- this.callFlash("SetAssumeSuccessTimeout", [timeout_seconds]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setDebugEnabled changes the debug_enabled setting
|
|
|
-SWFUpload.prototype.setDebugEnabled = function (debugEnabled) {
|
|
|
- this.settings.debug_enabled = debugEnabled;
|
|
|
- this.callFlash("SetDebugEnabled", [debugEnabled]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setButtonImageURL loads a button image sprite
|
|
|
-SWFUpload.prototype.setButtonImageURL = function (buttonImageURL) {
|
|
|
- if (buttonImageURL == undefined) {
|
|
|
- buttonImageURL = "";
|
|
|
- }
|
|
|
-
|
|
|
- this.settings.button_image_url = buttonImageURL;
|
|
|
- this.callFlash("SetButtonImageURL", [buttonImageURL]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setButtonDimensions resizes the Flash Movie and button
|
|
|
-SWFUpload.prototype.setButtonDimensions = function (width, height) {
|
|
|
- this.settings.button_width = width;
|
|
|
- this.settings.button_height = height;
|
|
|
-
|
|
|
- var movie = this.getMovieElement();
|
|
|
- if (movie != undefined) {
|
|
|
- movie.style.width = width + "px";
|
|
|
- movie.style.height = height + "px";
|
|
|
- }
|
|
|
-
|
|
|
- this.callFlash("SetButtonDimensions", [width, height]);
|
|
|
-};
|
|
|
-// Public: setButtonText Changes the text overlaid on the button
|
|
|
-SWFUpload.prototype.setButtonText = function (html) {
|
|
|
- this.settings.button_text = html;
|
|
|
- this.callFlash("SetButtonText", [html]);
|
|
|
-};
|
|
|
-// Public: setButtonTextPadding changes the top and left padding of the text overlay
|
|
|
-SWFUpload.prototype.setButtonTextPadding = function (left, top) {
|
|
|
- this.settings.button_text_top_padding = top;
|
|
|
- this.settings.button_text_left_padding = left;
|
|
|
- this.callFlash("SetButtonTextPadding", [left, top]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setButtonTextStyle changes the CSS used to style the HTML/Text overlaid on the button
|
|
|
-SWFUpload.prototype.setButtonTextStyle = function (css) {
|
|
|
- this.settings.button_text_style = css;
|
|
|
- this.callFlash("SetButtonTextStyle", [css]);
|
|
|
-};
|
|
|
-// Public: setButtonDisabled disables/enables the button
|
|
|
-SWFUpload.prototype.setButtonDisabled = function (isDisabled) {
|
|
|
- this.settings.button_disabled = isDisabled;
|
|
|
- this.callFlash("SetButtonDisabled", [isDisabled]);
|
|
|
-};
|
|
|
-// Public: setButtonAction sets the action that occurs when the button is clicked
|
|
|
-SWFUpload.prototype.setButtonAction = function (buttonAction) {
|
|
|
- this.settings.button_action = buttonAction;
|
|
|
- this.callFlash("SetButtonAction", [buttonAction]);
|
|
|
-};
|
|
|
-
|
|
|
-// Public: setButtonCursor changes the mouse cursor displayed when hovering over the button
|
|
|
-SWFUpload.prototype.setButtonCursor = function (cursor) {
|
|
|
- this.settings.button_cursor = cursor;
|
|
|
- this.callFlash("SetButtonCursor", [cursor]);
|
|
|
-};
|
|
|
-
|
|
|
-/* *******************************
|
|
|
- Flash Event Interfaces
|
|
|
- These functions are used by Flash to trigger the various
|
|
|
- events.
|
|
|
-
|
|
|
- All these functions a Private.
|
|
|
-
|
|
|
- Because the ExternalInterface library is buggy the event calls
|
|
|
- are added to a queue and the queue then executed by a setTimeout.
|
|
|
- This ensures that events are executed in a determinate order and that
|
|
|
- the ExternalInterface bugs are avoided.
|
|
|
-******************************* */
|
|
|
-
|
|
|
-SWFUpload.prototype.queueEvent = function (handlerName, argumentArray) {
|
|
|
- // Warning: Don't call this.debug inside here or you'll create an infinite loop
|
|
|
-
|
|
|
- if (argumentArray == undefined) {
|
|
|
- argumentArray = [];
|
|
|
- } else if (!(argumentArray instanceof Array)) {
|
|
|
- argumentArray = [argumentArray];
|
|
|
- }
|
|
|
-
|
|
|
- var self = this;
|
|
|
- if (typeof this.settings[handlerName] === "function") {
|
|
|
- // Queue the event
|
|
|
- this.eventQueue.push(function () {
|
|
|
- this.settings[handlerName].apply(this, argumentArray);
|
|
|
- });
|
|
|
-
|
|
|
- // Execute the next queued event
|
|
|
- setTimeout(function () {
|
|
|
- self.executeNextEvent();
|
|
|
- }, 0);
|
|
|
-
|
|
|
- } else if (this.settings[handlerName] !== null) {
|
|
|
- throw "Event handler " + handlerName + " is unknown or is not a function";
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// Private: Causes the next event in the queue to be executed. Since events are queued using a setTimeout
|
|
|
-// we must queue them in order to garentee that they are executed in order.
|
|
|
-SWFUpload.prototype.executeNextEvent = function () {
|
|
|
- // Warning: Don't call this.debug inside here or you'll create an infinite loop
|
|
|
-
|
|
|
- var f = this.eventQueue ? this.eventQueue.shift() : null;
|
|
|
- if (typeof(f) === "function") {
|
|
|
- f.apply(this);
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// Private: unescapeFileParams is part of a workaround for a flash bug where objects passed through ExternalInterface cannot have
|
|
|
-// properties that contain characters that are not valid for JavaScript identifiers. To work around this
|
|
|
-// the Flash Component escapes the parameter names and we must unescape again before passing them along.
|
|
|
-SWFUpload.prototype.unescapeFilePostParams = function (file) {
|
|
|
- var reg = /[$]([0-9a-f]{4})/i;
|
|
|
- var unescapedPost = {};
|
|
|
- var uk;
|
|
|
-
|
|
|
- if (file != undefined) {
|
|
|
- for (var k in file.post) {
|
|
|
- if (file.post.hasOwnProperty(k)) {
|
|
|
- uk = k;
|
|
|
- var match;
|
|
|
- while ((match = reg.exec(uk)) !== null) {
|
|
|
- uk = uk.replace(match[0], String.fromCharCode(parseInt("0x" + match[1], 16)));
|
|
|
- }
|
|
|
- unescapedPost[uk] = file.post[k];
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- file.post = unescapedPost;
|
|
|
- }
|
|
|
-
|
|
|
- return file;
|
|
|
-};
|
|
|
-
|
|
|
-// Private: Called by Flash to see if JS can call in to Flash (test if External Interface is working)
|
|
|
-SWFUpload.prototype.testExternalInterface = function () {
|
|
|
- try {
|
|
|
- return this.callFlash("TestExternalInterface");
|
|
|
- } catch (ex) {
|
|
|
- return false;
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// Private: This event is called by Flash when it has finished loading. Don't modify this.
|
|
|
-// Use the swfupload_loaded_handler event setting to execute custom code when SWFUpload has loaded.
|
|
|
-SWFUpload.prototype.flashReady = function () {
|
|
|
- // Check that the movie element is loaded correctly with its ExternalInterface methods defined
|
|
|
- var movieElement = this.getMovieElement();
|
|
|
-
|
|
|
- if (!movieElement) {
|
|
|
- this.debug("Flash called back ready but the flash movie can't be found.");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- this.cleanUp(movieElement);
|
|
|
-
|
|
|
- this.queueEvent("swfupload_loaded_handler");
|
|
|
-};
|
|
|
-
|
|
|
-// Private: removes Flash added fuctions to the DOM node to prevent memory leaks in IE.
|
|
|
-// This function is called by Flash each time the ExternalInterface functions are created.
|
|
|
-SWFUpload.prototype.cleanUp = function (movieElement) {
|
|
|
- // Pro-actively unhook all the Flash functions
|
|
|
- try {
|
|
|
- if (this.movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
|
|
|
- this.debug("Removing Flash functions hooks (this should only run in IE and should prevent memory leaks)");
|
|
|
- for (var key in movieElement) {
|
|
|
- try {
|
|
|
- if (typeof(movieElement[key]) === "function") {
|
|
|
- movieElement[key] = null;
|
|
|
- }
|
|
|
- } catch (ex) {
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- } catch (ex1) {
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // Fix Flashes own cleanup code so if the SWFMovie was removed from the page
|
|
|
- // it doesn't display errors.
|
|
|
- window["__flash__removeCallback"] = function (instance, name) {
|
|
|
- try {
|
|
|
- if (instance) {
|
|
|
- instance[name] = null;
|
|
|
- }
|
|
|
- } catch (flashEx) {
|
|
|
-
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/* This is a chance to do something before the browse window opens */
|
|
|
-SWFUpload.prototype.fileDialogStart = function () {
|
|
|
- this.queueEvent("file_dialog_start_handler");
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/* Called when a file is successfully added to the queue. */
|
|
|
-SWFUpload.prototype.fileQueued = function (file) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("file_queued_handler", file);
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/* Handle errors that occur when an attempt to queue a file fails. */
|
|
|
-SWFUpload.prototype.fileQueueError = function (file, errorCode, message) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("file_queue_error_handler", [file, errorCode, message]);
|
|
|
-};
|
|
|
-
|
|
|
-/* Called after the file dialog has closed and the selected files have been queued.
|
|
|
- You could call startUpload here if you want the queued files to begin uploading immediately. */
|
|
|
-SWFUpload.prototype.fileDialogComplete = function (numFilesSelected, numFilesQueued, numFilesInQueue) {
|
|
|
- this.queueEvent("file_dialog_complete_handler", [numFilesSelected, numFilesQueued, numFilesInQueue]);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.uploadStart = function (file) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("return_upload_start_handler", file);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.returnUploadStart = function (file) {
|
|
|
- var returnValue;
|
|
|
- if (typeof this.settings.upload_start_handler === "function") {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- returnValue = this.settings.upload_start_handler.call(this, file);
|
|
|
- } else if (this.settings.upload_start_handler != undefined) {
|
|
|
- throw "upload_start_handler must be a function";
|
|
|
- }
|
|
|
-
|
|
|
- // Convert undefined to true so if nothing is returned from the upload_start_handler it is
|
|
|
- // interpretted as 'true'.
|
|
|
- if (returnValue === undefined) {
|
|
|
- returnValue = true;
|
|
|
- }
|
|
|
-
|
|
|
- returnValue = !!returnValue;
|
|
|
-
|
|
|
- this.callFlash("ReturnUploadStart", [returnValue]);
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-SWFUpload.prototype.uploadProgress = function (file, bytesComplete, bytesTotal) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("upload_progress_handler", [file, bytesComplete, bytesTotal]);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.uploadError = function (file, errorCode, message) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("upload_error_handler", [file, errorCode, message]);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.uploadSuccess = function (file, serverData, responseReceived) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("upload_success_handler", [file, serverData, responseReceived]);
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.prototype.uploadComplete = function (file) {
|
|
|
- file = this.unescapeFilePostParams(file);
|
|
|
- this.queueEvent("upload_complete_handler", file);
|
|
|
-};
|
|
|
-
|
|
|
-/* Called by SWFUpload JavaScript and Flash functions when debug is enabled. By default it writes messages to the
|
|
|
- internal debug console. You can override this event and have messages written where you want. */
|
|
|
-SWFUpload.prototype.debug = function (message) {
|
|
|
- this.queueEvent("debug_handler", message);
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/* **********************************
|
|
|
- Debug Console
|
|
|
- The debug console is a self contained, in page location
|
|
|
- for debug message to be sent. The Debug Console adds
|
|
|
- itself to the body if necessary.
|
|
|
-
|
|
|
- The console is automatically scrolled as messages appear.
|
|
|
-
|
|
|
- If you are using your own debug handler or when you deploy to production and
|
|
|
- have debug disabled you can remove these functions to reduce the file size
|
|
|
- and complexity.
|
|
|
-********************************** */
|
|
|
-
|
|
|
-// Private: debugMessage is the default debug_handler. If you want to print debug messages
|
|
|
-// call the debug() function. When overriding the function your own function should
|
|
|
-// check to see if the debug setting is true before outputting debug information.
|
|
|
-SWFUpload.prototype.debugMessage = function (message) {
|
|
|
- if (this.settings.debug) {
|
|
|
- var exceptionMessage, exceptionValues = [];
|
|
|
-
|
|
|
- // Check for an exception object and print it nicely
|
|
|
- if (typeof message === "object" && typeof message.name === "string" && typeof message.message === "string") {
|
|
|
- for (var key in message) {
|
|
|
- if (message.hasOwnProperty(key)) {
|
|
|
- exceptionValues.push(key + ": " + message[key]);
|
|
|
- }
|
|
|
- }
|
|
|
- exceptionMessage = exceptionValues.join("\n") || "";
|
|
|
- exceptionValues = exceptionMessage.split("\n");
|
|
|
- exceptionMessage = "EXCEPTION: " + exceptionValues.join("\nEXCEPTION: ");
|
|
|
- SWFUpload.Console.writeLine(exceptionMessage);
|
|
|
- } else {
|
|
|
- SWFUpload.Console.writeLine(message);
|
|
|
- }
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-SWFUpload.Console = {};
|
|
|
-SWFUpload.Console.writeLine = function (message) {
|
|
|
- var console, documentForm;
|
|
|
-
|
|
|
- try {
|
|
|
- console = document.getElementById("SWFUpload_Console");
|
|
|
-
|
|
|
- if (!console) {
|
|
|
- documentForm = document.createElement("form");
|
|
|
- document.getElementsByTagName("body")[0].appendChild(documentForm);
|
|
|
-
|
|
|
- console = document.createElement("textarea");
|
|
|
- console.id = "SWFUpload_Console";
|
|
|
- console.style.fontFamily = "monospace";
|
|
|
- console.setAttribute("wrap", "off");
|
|
|
- console.wrap = "off";
|
|
|
- console.style.overflow = "auto";
|
|
|
- console.style.width = "700px";
|
|
|
- console.style.height = "350px";
|
|
|
- console.style.margin = "5px";
|
|
|
- documentForm.appendChild(console);
|
|
|
- }
|
|
|
-
|
|
|
- console.value += message + "\n";
|
|
|
-
|
|
|
- console.scrollTop = console.scrollHeight - console.clientHeight;
|
|
|
- } catch (ex) {
|
|
|
- alert("Exception: " + ex.name + " Message: " + ex.message);
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-})();
|
|
|
-
|
|
|
-(function() {
|
|
|
-/*
|
|
|
- Queue Plug-in
|
|
|
-
|
|
|
- Features:
|
|
|
- *Adds a cancelQueue() method for cancelling the entire queue.
|
|
|
- *All queued files are uploaded when startUpload() is called.
|
|
|
- *If false is returned from uploadComplete then the queue upload is stopped.
|
|
|
- If false is not returned (strict comparison) then the queue upload is continued.
|
|
|
- *Adds a QueueComplete event that is fired when all the queued files have finished uploading.
|
|
|
- Set the event handler with the queue_complete_handler setting.
|
|
|
-
|
|
|
- */
|
|
|
-
|
|
|
-if (typeof(SWFUpload) === "function") {
|
|
|
- SWFUpload.queue = {};
|
|
|
-
|
|
|
- SWFUpload.prototype.initSettings = (function (oldInitSettings) {
|
|
|
- return function () {
|
|
|
- if (typeof(oldInitSettings) === "function") {
|
|
|
- oldInitSettings.call(this);
|
|
|
- }
|
|
|
-
|
|
|
- this.queueSettings = {};
|
|
|
-
|
|
|
- this.queueSettings.queue_cancelled_flag = false;
|
|
|
- this.queueSettings.queue_upload_count = 0;
|
|
|
-
|
|
|
- this.queueSettings.user_upload_complete_handler = this.settings.upload_complete_handler;
|
|
|
- this.queueSettings.user_upload_start_handler = this.settings.upload_start_handler;
|
|
|
- this.settings.upload_complete_handler = SWFUpload.queue.uploadCompleteHandler;
|
|
|
- this.settings.upload_start_handler = SWFUpload.queue.uploadStartHandler;
|
|
|
-
|
|
|
- this.settings.queue_complete_handler = this.settings.queue_complete_handler || null;
|
|
|
- };
|
|
|
- })(SWFUpload.prototype.initSettings);
|
|
|
-
|
|
|
- SWFUpload.prototype.startUpload = function (fileID) {
|
|
|
- this.queueSettings.queue_cancelled_flag = false;
|
|
|
- this.callFlash("StartUpload", [fileID]);
|
|
|
- };
|
|
|
-
|
|
|
- SWFUpload.prototype.cancelQueue = function () {
|
|
|
- this.queueSettings.queue_cancelled_flag = true;
|
|
|
- this.stopUpload();
|
|
|
-
|
|
|
- var stats = this.getStats();
|
|
|
- while (stats.files_queued > 0) {
|
|
|
- this.cancelUpload();
|
|
|
- stats = this.getStats();
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- SWFUpload.queue.uploadStartHandler = function (file) {
|
|
|
- var returnValue;
|
|
|
- if (typeof(this.queueSettings.user_upload_start_handler) === "function") {
|
|
|
- returnValue = this.queueSettings.user_upload_start_handler.call(this, file);
|
|
|
- }
|
|
|
-
|
|
|
- // To prevent upload a real "FALSE" value must be returned, otherwise default to a real "TRUE" value.
|
|
|
- returnValue = (returnValue === false) ? false : true;
|
|
|
-
|
|
|
- this.queueSettings.queue_cancelled_flag = !returnValue;
|
|
|
-
|
|
|
- return returnValue;
|
|
|
- };
|
|
|
-
|
|
|
- SWFUpload.queue.uploadCompleteHandler = function (file) {
|
|
|
- var user_upload_complete_handler = this.queueSettings.user_upload_complete_handler;
|
|
|
- var continueUpload;
|
|
|
-
|
|
|
- if (file.filestatus === SWFUpload.FILE_STATUS.COMPLETE) {
|
|
|
- this.queueSettings.queue_upload_count++;
|
|
|
- }
|
|
|
-
|
|
|
- if (typeof(user_upload_complete_handler) === "function") {
|
|
|
- continueUpload = (user_upload_complete_handler.call(this, file) === false) ? false : true;
|
|
|
- } else if (file.filestatus === SWFUpload.FILE_STATUS.QUEUED) {
|
|
|
- // If the file was stopped and re-queued don't restart the upload
|
|
|
- continueUpload = false;
|
|
|
- } else {
|
|
|
- continueUpload = true;
|
|
|
- }
|
|
|
-
|
|
|
- if (continueUpload) {
|
|
|
- var stats = this.getStats();
|
|
|
- if (stats.files_queued > 0 && this.queueSettings.queue_cancelled_flag === false) {
|
|
|
- this.startUpload();
|
|
|
- } else if (this.queueSettings.queue_cancelled_flag === false) {
|
|
|
- this.queueEvent("queue_complete_handler", [this.queueSettings.queue_upload_count]);
|
|
|
- this.queueSettings.queue_upload_count = 0;
|
|
|
- } else {
|
|
|
- this.queueSettings.queue_cancelled_flag = false;
|
|
|
- this.queueSettings.queue_upload_count = 0;
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
-}
|
|
|
-
|
|
|
-})();
|
|
|
+KindEditor.plugin('multiimage', function (K) {
|
|
|
+ var self = this, name = 'multiimage',
|
|
|
+ formatUploadUrl = K.undef(self.formatUploadUrl, true),
|
|
|
+ uploadJson = K.undef(self.uploadJson, self.basePath + '/Home/Notify/mulUploadImg'),
|
|
|
+ imgPath = self.pluginsPath + 'multiimage/images/',
|
|
|
+ imageSizeLimit = K.undef(self.imageSizeLimit, '2MB'),
|
|
|
+ imageFileTypes = K.undef(self.imageFileTypes, '*.jpg;*.gif;*.png'),
|
|
|
+ imageUploadLimit = K.undef(self.imageUploadLimit, 20),
|
|
|
+ filePostName = K.undef(self.filePostName, 'imgFile'),
|
|
|
+ lang = self.lang(name + '.');
|
|
|
+ self.plugin.multiImageDialog = function (options) {
|
|
|
+ var clickFn = options.clickFn,
|
|
|
+ uploadDesc = K.tmpl(lang.uploadDesc, { uploadLimit: imageUploadLimit, sizeLimit: imageSizeLimit });
|
|
|
+ var html = [
|
|
|
+ '<div style="padding:20px;">',
|
|
|
+ '<div class="swfupload">',
|
|
|
+ '</div>',
|
|
|
+ '</div>'
|
|
|
+ ].join('');
|
|
|
+ var dialog = self.createDialog({
|
|
|
+ name: name,
|
|
|
+ width: 650,
|
|
|
+ height: 510,
|
|
|
+ title: self.lang(name),
|
|
|
+ body: html,
|
|
|
+ previewBtn: {
|
|
|
+ name: lang.insertAll,
|
|
|
+ click: function (e) {
|
|
|
+ var urlList = [];
|
|
|
+ $.each(uploadEle.data('uploadList'), function (k, v) {
|
|
|
+ urlList.push({
|
|
|
+ url: v.res.url,
|
|
|
+ title: v.name,
|
|
|
+ });
|
|
|
+ })
|
|
|
+ clickFn.call(self, urlList);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ yesBtn: {
|
|
|
+ name: lang.clearAll,
|
|
|
+ click: function (e) {
|
|
|
+ uploadEle.find('.file_del').click();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeRemove: function () {
|
|
|
+ }
|
|
|
+ }),
|
|
|
+ div = dialog.div,
|
|
|
+ uploadEle = $(div[0]).find('.swfupload').zyUpload({
|
|
|
+ itemWidth: "120px", // 文件项的宽度
|
|
|
+ itemHeight: "100px", // 文件项的高度
|
|
|
+ url: uploadJson, // 上传文件的路径
|
|
|
+ multiple: true, // 是否可以多个文件上传
|
|
|
+ dragDrop: false, // 是否可以拖动上传文件
|
|
|
+ del: true, // 是否可以删除文件
|
|
|
+ finishDel: false, // 是否在上传文件完成后删除预览
|
|
|
+ uploadDesc: uploadDesc,
|
|
|
+ startButtonValue: lang.startUpload,
|
|
|
+ filePostName: filePostName,
|
|
|
+ /* 外部获得的回调接口 */
|
|
|
+ onSelect: function (files, allFiles) { // 选择文件的回调方法
|
|
|
+ },
|
|
|
+ onDelete: function (file, surplusFiles) { // 删除一个文件的回调方法
|
|
|
+ },
|
|
|
+ onSuccess: function (file, res) { // 文件上传成功的回调方法
|
|
|
+ //zyUpload
|
|
|
+ },
|
|
|
+ onFailure: function (file) { // 文件上传失败的回调方法
|
|
|
+ },
|
|
|
+ onComplete: function (responseInfo) { // 上传完成的回调方法
|
|
|
+ }
|
|
|
+ });
|
|
|
+ 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.url, data, 'multiimage');
|
|
|
+ }
|
|
|
+ self.exec('insertimage', data.url, data.title, data.width, data.height, data.border, data.align);
|
|
|
+ });
|
|
|
+ // Bugfix: [Firefox] 上传图片后，总是出现正在加载的样式，需要延迟执行hideDialog
|
|
|
+ setTimeout(function () {
|
|
|
+ self.hideDialog().focus();
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+});
|
rabin