').html(lang.errorLoadConfig)).hide();
+ return;
+ }
+
+ uploader = _this.uploader = WebUploader.create({
+ pick: {
+ id: '#filePickerReady',
+ label: lang.uploadSelectFile
},
- /* 初始化容器 */
- initUploader: function () {
- var _this = this,
- $ = jQuery, // just in case. Make sure it's not an other libaray.
- $wrap = _this.$wrap,
- // 图片容器
- $queue = $wrap.find('.filelist'),
- // 状态栏，包括进度和控制按钮
- $statusBar = $wrap.find('.statusBar'),
- // 文件总体选择信息。
- $info = $statusBar.find('.info'),
- // 上传按钮
- $upload = $wrap.find('.uploadBtn'),
- // 上传按钮
- $filePickerBtn = $wrap.find('.filePickerBtn'),
- // 上传按钮
- $filePickerBlock = $wrap.find('.filePickerBlock'),
- // 没选择文件之前的内容。
- $placeHolder = $wrap.find('.placeholder'),
- // 总体进度条
- $progress = $statusBar.find('.progress').hide(),
- // 添加的文件数量
- fileCount = 0,
- // 添加的文件总大小
- fileSize = 0,
- // 优化retina, 在retina下这个值是2
- ratio = window.devicePixelRatio || 1,
- // 缩略图大小
- thumbnailWidth = 113 * ratio,
- thumbnailHeight = 113 * ratio,
- // 可能有pedding, ready, uploading, confirm, done.
- state = '',
- // 所有文件的进度信息，key为file id
- percentages = {},
- supportTransition = (function () {
- var s = document.createElement('p').style,
- r = 'transition' in s ||
- 'WebkitTransition' in s ||
- 'MozTransition' in s ||
- 'msTransition' in s ||
- 'OTransition' in s;
- s = null;
- return r;
- })(),
- // WebUploader实例
- uploader,
- actionUrl = editor.getActionUrl(editor.getOpt('videoActionName')),
- fileMaxSize = editor.getOpt('videoMaxSize'),
- acceptExtensions = (editor.getOpt('videoAllowFiles') || []).join('').replace(/\./g, ',').replace(/^[,]/, '');
- ;
-
- if (!WebUploader.Uploader.support()) {
- $('#filePickerReady').after($('
').html(lang.errorNotSupport)).hide();
- return;
- } else if (!editor.getOpt('videoActionName')) {
- $('#filePickerReady').after($('
@@ -627,7 +627,7 @@ export default {
let result = stem
while ((match = regex.exec(stem)) !== null) {
- const newInput = ``
+ const newInput = ``
result = result.replace(match[0], newInput)
index++
}
@@ -1016,7 +1016,7 @@ export default {
}
/deep/.score {
- width: 70px;
+ width: 100px;
margin: 0 10px;
.el-input__inner {
@@ -1036,6 +1036,10 @@ export default {
border: 1px solid #DCDEE0;
border-radius: 2px;
+ &::placeholder {
+ color: #cfd1db;
+ }
+
&:focus {
outline: none;
}
').html(lang.errorLoadConfig)).hide();
- return;
- }
-
- uploader = _this.uploader = WebUploader.create({
- pick: {
- id: '#filePickerReady',
- label: lang.uploadSelectFile
- },
- swf: '../../third-party/webuploader/Uploader.swf',
- server: actionUrl,
- fileVal: editor.getOpt('videoFieldName'),
- duplicate: true,
- fileSingleSizeLimit: fileMaxSize,
- headers: editor.getOpt('serverHeaders') || {},
- compress: false
- });
- uploader.addButton({
- id: '#filePickerBlock'
- });
- uploader.addButton({
- id: '#filePickerBtn',
- label: lang.uploadAddFile
- });
-
- setState('pedding');
-
- // 当有文件添加进来时执行，负责view的创建
- function addFile(file) {
- var $li = $('' +
- ' '),
-
- $btns = $('
');
- $wrap.empty().append($img);
- $img.on('error', function () {
- $wrap.text(lang.uploadNoPreview);
- });
- }
- }, thumbnailWidth, thumbnailHeight);
- }
- }
- percentages[file.id] = [file.size, 0];
- file.rotation = 0;
-
- /* 检查文件格式 */
- if (!file.ext || acceptExtensions.indexOf(file.ext.toLowerCase()) == -1) {
- showError('not_allow_type');
- uploader.removeFile(file);
- }
- }
-
- file.on('statuschange', function (cur, prev) {
- if (prev === 'progress') {
- $prgress.hide().width(0);
- } else if (prev === 'queued') {
- $li.off('mouseenter mouseleave');
- $btns.remove();
- }
- // 成功
- if (cur === 'error' || cur === 'invalid') {
- showError(file.statusText);
- percentages[file.id][1] = 1;
- } else if (cur === 'interrupt') {
- showError('interrupt');
- } else if (cur === 'queued') {
- percentages[file.id][1] = 0;
- } else if (cur === 'progress') {
- $info.hide();
- $prgress.css('display', 'block');
- } else if (cur === 'complete') {
- }
-
- $li.removeClass('state-' + prev).addClass('state-' + cur);
- });
-
- $li.on('mouseenter', function () {
- $btns.stop().animate({height: 30});
- });
- $li.on('mouseleave', function () {
- $btns.stop().animate({height: 0});
- });
-
- $btns.on('click', 'span', function () {
- var index = $(this).index(),
- deg;
-
- switch (index) {
- case 0:
- uploader.removeFile(file);
- return;
- case 1:
- file.rotation += 90;
- break;
- case 2:
- file.rotation -= 90;
- break;
- }
-
- if (supportTransition) {
- deg = 'rotate(' + file.rotation + 'deg)';
- $wrap.css({
- '-webkit-transform': deg,
- '-mos-transform': deg,
- '-o-transform': deg,
- 'transform': deg
- });
- } else {
- $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');
- }
-
- });
-
- $li.insertBefore($filePickerBlock);
- }
-
- // 负责view的销毁
- function removeFile(file) {
- var $li = $('#' + file.id);
- delete percentages[file.id];
- updateTotalProgress();
- $li.off().find('.file-panel').off().end().remove();
- }
-
- function updateTotalProgress() {
- var loaded = 0,
- total = 0,
- spans = $progress.children(),
- percent;
-
- $.each(percentages, function (k, v) {
- total += v[0];
- loaded += v[0] * v[1];
- });
-
- percent = total ? loaded / total : 0;
-
- spans.eq(0).text(Math.round(percent * 100) + '%');
- spans.eq(1).css('width', Math.round(percent * 100) + '%');
- updateStatus();
+ swf: '../../third-party/webuploader/Uploader.swf',
+ server: actionUrl,
+ fileVal: editor.getOpt('videoFieldName'),
+ duplicate: true,
+ fileSingleSizeLimit: fileMaxSize,
+ headers: editor.getOpt('serverHeaders') || {},
+ compress: false
+ });
+ uploader.addButton({
+ id: '#filePickerBlock'
+ });
+ uploader.addButton({
+ id: '#filePickerBtn',
+ label: lang.uploadAddFile
+ });
+
+ setState('pedding');
+
+ // 当有文件添加进来时执行，负责view的创建
+ function addFile (file) {
+ var $li = $('' +
+ ' '),
+
+ $btns = $('');
+ $wrap.empty().append($img);
+ $img.on('error', function () {
+ $wrap.text(lang.uploadNoPreview);
+ });
}
-
+ }, thumbnailWidth, thumbnailHeight);
}
+ }
+ percentages[file.id] = [file.size, 0];
+ file.rotation = 0;
+
+ /* 检查文件格式 */
+ if (!file.ext || acceptExtensions.indexOf(file.ext.toLowerCase()) == -1) {
+ showError('not_allow_type');
+ uploader.removeFile(file);
+ }
+ }
- function updateStatus() {
- var text = '', stats;
-
- if (state === 'ready') {
- text = lang.updateStatusReady.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize));
- } else if (state === 'confirm') {
- stats = uploader.getStats();
- if (stats.uploadFailNum) {
- text = lang.updateStatusConfirm.replace('_', stats.successNum).replace('_', stats.successNum);
- }
- } else {
- stats = uploader.getStats();
- text = lang.updateStatusFinish.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize)).replace('_', stats.successNum);
+ file.on('statuschange', function (cur, prev) {
+ if (prev === 'progress') {
+ $prgress.hide().width(0);
+ } else if (prev === 'queued') {
+ $li.off('mouseenter mouseleave');
+ $btns.remove();
+ }
+ // 成功
+ if (cur === 'error' || cur === 'invalid') {
+ showError(file.statusText);
+ percentages[file.id][1] = 1;
+ } else if (cur === 'interrupt') {
+ showError('interrupt');
+ } else if (cur === 'queued') {
+ percentages[file.id][1] = 0;
+ } else if (cur === 'progress') {
+ $info.hide();
+ $prgress.css('display', 'block');
+ } else if (cur === 'complete') {
+ }
+
+ $li.removeClass('state-' + prev).addClass('state-' + cur);
+ });
+
+ $li.on('mouseenter', function () {
+ $btns.stop().animate({ height: 30 });
+ });
+ $li.on('mouseleave', function () {
+ $btns.stop().animate({ height: 0 });
+ });
+
+ $btns.on('click', 'span', function () {
+ var index = $(this).index(),
+ deg;
+
+ switch (index) {
+ case 0:
+ uploader.removeFile(file);
+ return;
+ case 1:
+ file.rotation += 90;
+ break;
+ case 2:
+ file.rotation -= 90;
+ break;
+ }
+
+ if (supportTransition) {
+ deg = 'rotate(' + file.rotation + 'deg)';
+ $wrap.css({
+ '-webkit-transform': deg,
+ '-mos-transform': deg,
+ '-o-transform': deg,
+ 'transform': deg
+ });
+ } else {
+ $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')');
+ }
+
+ });
+
+ $li.insertBefore($filePickerBlock);
+ }
+
+ // 负责view的销毁
+ function removeFile (file) {
+ var $li = $('#' + file.id);
+ delete percentages[file.id];
+ updateTotalProgress();
+ $li.off().find('.file-panel').off().end().remove();
+ }
+
+ function updateTotalProgress () {
+ var loaded = 0,
+ total = 0,
+ spans = $progress.children(),
+ percent;
+
+ $.each(percentages, function (k, v) {
+ total += v[0];
+ loaded += v[0] * v[1];
+ });
+
+ percent = total ? loaded / total : 0;
+
+ spans.eq(0).text(Math.round(percent * 100) + '%');
+ spans.eq(1).css('width', Math.round(percent * 100) + '%');
+ updateStatus();
+ }
+
+ function setState (val, files) {
+
+ if (val != state) {
+
+ var stats = uploader.getStats();
+
+ $upload.removeClass('state-' + state);
+ $upload.addClass('state-' + val);
+
+ switch (val) {
+
+ /* 未选择文件 */
+ case 'pedding':
+ $queue.addClass('element-invisible');
+ $statusBar.addClass('element-invisible');
+ $placeHolder.removeClass('element-invisible');
+ $progress.hide();
+ $info.hide();
+ uploader.refresh();
+ break;
+
+ /* 可以开始上传 */
+ case 'ready':
+ $placeHolder.addClass('element-invisible');
+ $queue.removeClass('element-invisible');
+ $statusBar.removeClass('element-invisible');
+ $progress.hide();
+ $info.show();
+ $upload.text(lang.uploadStart);
+ uploader.refresh();
+ break;
+
+ /* 上传中 */
+ case 'uploading':
+ $progress.show();
+ $info.hide();
+ $upload.text(lang.uploadPause);
+ break;
+
+ /* 暂停上传 */
+ case 'paused':
+ $progress.show();
+ $info.hide();
+ $upload.text(lang.uploadContinue);
+ break;
+
+ case 'confirm':
+ $progress.show();
+ $info.hide();
+ $upload.text(lang.uploadStart);
+
+ stats = uploader.getStats();
+ if (stats.successNum && !stats.uploadFailNum) {
+ setState('finish');
+ return;
+ }
+ break;
+
+ case 'finish':
+ $progress.hide();
+ $info.show();
+ if (stats.uploadFailNum) {
+ $upload.text(lang.uploadRetry);
+ } else {
+ $upload.text(lang.uploadStart);
+ }
+ break;
+ }
+
+ state = val;
+ updateStatus();
- if (stats.uploadFailNum) {
- text += lang.updateStatusError.replace('_', stats.uploadFailNum);
- }
- }
+ }
- $info.html(text);
- }
+ if (!_this.getQueueCount()) {
+ $upload.addClass('disabled')
+ } else {
+ $upload.removeClass('disabled')
+ }
- uploader.on('fileQueued', function (file) {
- fileCount++;
- fileSize += file.size;
+ }
- if (fileCount === 1) {
- $placeHolder.addClass('element-invisible');
- $statusBar.show();
- }
+ function updateStatus () {
+ var text = '', stats;
- addFile(file);
- });
+ if (state === 'ready') {
+ text = lang.updateStatusReady.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize));
+ } else if (state === 'confirm') {
+ stats = uploader.getStats();
+ if (stats.uploadFailNum) {
+ text = lang.updateStatusConfirm.replace('_', stats.successNum).replace('_', stats.successNum);
+ }
+ } else {
+ stats = uploader.getStats();
+ text = lang.updateStatusFinish.replace('_', fileCount).replace('_KB', WebUploader.formatSize(fileSize)).replace('_', stats.successNum);
- uploader.on('fileDequeued', function (file) {
- fileCount--;
- fileSize -= file.size;
+ if (stats.uploadFailNum) {
+ text += lang.updateStatusError.replace('_', stats.uploadFailNum);
+ }
+ }
- removeFile(file);
- updateTotalProgress();
- });
+ $info.html(text);
+ }
- uploader.on('filesQueued', function (file) {
- if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {
- setState('ready');
- }
- updateTotalProgress();
- });
+ uploader.on('fileQueued', function (file) {
+ fileCount++;
+ fileSize += file.size;
- uploader.on('all', function (type, files) {
- switch (type) {
- case 'uploadFinished':
- setState('confirm', files);
- break;
- case 'startUpload':
- /* 添加额外的GET参数 */
- var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
- url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?' : '&') + 'encode=utf-8&' + params);
- uploader.option('server', url);
- setState('uploading', files);
- break;
- case 'stopUpload':
- setState('paused', files);
- break;
- }
- });
+ if (fileCount === 1) {
+ $placeHolder.addClass('element-invisible');
+ $statusBar.show();
+ }
- uploader.on('uploadBeforeSend', function (file, data, header) {
- //这里可以通过data对象添加POST参数
- if (actionUrl.toLowerCase().indexOf('jsp') != -1) {
- header['X_Requested_With'] = 'XMLHttpRequest';
- }
- });
+ addFile(file);
+ });
- uploader.on('uploadProgress', function (file, percentage) {
- var $li = $('#' + file.id),
- $percent = $li.find('.progress span');
+ uploader.on('fileDequeued', function (file) {
+ fileCount--;
+ fileSize -= file.size;
- $percent.css('width', percentage * 100 + '%');
- percentages[file.id][1] = percentage;
- updateTotalProgress();
- });
+ removeFile(file);
+ updateTotalProgress();
+ });
- uploader.on('uploadSuccess', function (file, ret) {
- var $file = $('#' + file.id);
- try {
- var responseText = (ret._raw || ret),
- json = utils.str2json(responseText);
- json = editor.getOpt('serverResponsePrepare')(json);
- if (json.state == 'SUCCESS') {
- uploadVideoList.push({
- 'url': json.url,
- 'type': json.type,
- 'original': json.original
- });
- $file.append('');
- // 触发上传视频事件
- editor.fireEvent("uploadsuccess", {
- res: json,
- type: 'video'
- });
- } else {
- $file.find('.error').text(json.state).show();
- }
- } catch (e) {
- $file.find('.error').text(lang.errorServerUpload).show();
- }
- });
+ uploader.on('filesQueued', function (file) {
+ if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {
+ setState('ready');
+ }
+ updateTotalProgress();
+ });
+
+ uploader.on('all', function (type, files) {
+ switch (type) {
+ case 'uploadFinished':
+ setState('confirm', files);
+ break;
+ case 'startUpload':
+ /* 添加额外的GET参数 */
+ var params = utils.serializeParam(editor.queryCommandValue('serverparam')) || '',
+ url = utils.formatUrl(actionUrl + (actionUrl.indexOf('?') == -1 ? '?' : '&') + 'encode=utf-8&' + params);
+ uploader.option('server', url);
+ setState('uploading', files);
+ break;
+ case 'stopUpload':
+ setState('paused', files);
+ break;
+ }
+ });
- uploader.on('uploadError', function (file, code) {
- });
- uploader.on('error', function (code, param1, param2) {
- if (code === 'F_EXCEED_SIZE') {
- editor.getOpt('tipError')(lang.errorExceedSize + ' ' + (param1 / 1024 / 1024).toFixed(1) + 'MB');
- } else {
- console.log('error', code, param1, param2);
- }
+ uploader.on('uploadBeforeSend', function (file, data, header) {
+ //这里可以通过data对象添加POST参数
+ if (actionUrl.toLowerCase().indexOf('jsp') != -1) {
+ header['X_Requested_With'] = 'XMLHttpRequest';
+ }
+ });
+
+ uploader.on('uploadProgress', function (file, percentage) {
+ var $li = $('#' + file.id),
+ $percent = $li.find('.progress span');
+
+ $percent.css('width', percentage * 100 + '%');
+ percentages[file.id][1] = percentage;
+ updateTotalProgress();
+ });
+
+ uploader.on('uploadSuccess', function (file, ret) {
+ var $file = $('#' + file.id);
+ try {
+ var responseText = (ret._raw || ret),
+ json = utils.str2json(responseText);
+ if (json.state == 'SUCCESS') {
+ uploadVideoList.push({
+ 'url': json.url,
+ 'type': json.type,
+ 'original': json.original
});
- uploader.on('uploadComplete', function (file, ret) {
+ $file.append('');
+ // 触发上传视频事件
+ editor.fireEvent("uploadsuccess", {
+ res: json,
+ type: 'video'
});
+ } else {
+ $file.find('.error').text(json.state).show();
+ }
+ } catch (e) {
+ $file.find('.error').text(lang.errorServerUpload).show();
+ }
+ });
- $upload.on('click', function () {
- if ($(this).hasClass('disabled')) {
- return false;
- }
+ uploader.on('uploadError', function (file, code) {
+ });
+ uploader.on('error', function (code, param1, param2) {
+ if (code === 'F_EXCEED_SIZE') {
+ editor.getOpt('tipError')(lang.errorExceedSize + ' ' + (param1 / 1024 / 1024).toFixed(1) + 'MB');
+ } else {
+ console.log('error', code, param1, param2);
+ }
+ });
+ uploader.on('uploadComplete', function (file, ret) {
+ });
- if (state === 'ready') {
- uploader.upload();
- } else if (state === 'paused') {
- uploader.upload();
- } else if (state === 'uploading') {
- uploader.stop();
- }
- });
+ $upload.on('click', function () {
+ if ($(this).hasClass('disabled')) {
+ return false;
+ }
- $upload.addClass('state-' + state);
- updateTotalProgress();
- },
- getQueueCount: function () {
- var file, i, status, readyFile = 0, files = this.uploader.getFiles();
- for (i = 0; file = files[i++];) {
- status = file.getStatus();
- if (status == 'queued' || status == 'uploading' || status == 'progress') readyFile++;
- }
- return readyFile;
- },
- refresh: function () {
- this.uploader.refresh();
+ if (state === 'ready') {
+ uploader.upload();
+ } else if (state === 'paused') {
+ uploader.upload();
+ } else if (state === 'uploading') {
+ uploader.stop();
}
- };
+ });
+
+ $upload.addClass('state-' + state);
+ updateTotalProgress();
+ },
+ getQueueCount: function () {
+ var file, i, status, readyFile = 0, files = this.uploader.getFiles();
+ for (i = 0; file = files[i++];) {
+ status = file.getStatus();
+ if (status == 'queued' || status == 'uploading' || status == 'progress') readyFile++;
+ }
+ return readyFile;
+ },
+ refresh: function () {
+ this.uploader.refresh();
+ }
+ };
})();
diff --git a/public/static/ueditorPlus/ueditor.config.js b/public/static/ueditorPlus/ueditor.config.js
index 3a2ceda..474f4af 100644
--- a/public/static/ueditorPlus/ueditor.config.js
+++ b/public/static/ueditorPlus/ueditor.config.js
@@ -49,6 +49,7 @@
UEDITOR_CORS_URL: CORS_URL,
+ loadConfigFromServer: false,
// 服务器统一请求接口路径
serverUrl: "http://192.168.31.51:9000/exam/exam/upload/configAndUpload",
imageActionName: "imgUpload",
@@ -59,10 +60,12 @@
".gif",
".bmp"
],
+
fontfamily: [],
//工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的重新定义
+ // , "insertvideo"
toolbars: [
- ["fullscreen", "source", "|", "bold", "italic", "underline", "forecolor", "fontfamily", "fontsize", "|", "justifyleft", "justifycenter", "justifyright", "justifyjustify", "|", "insertimage", "inserttable", 'formula', "gapfilling", 'combox']
+ ["fullscreen", "source", "|", "bold", "italic", "underline", "forecolor", "fontfamily", "fontsize", "|", "link", "unlink", "anchor", "|", "imagenone", "imageleft", "imagecenter", "imageright", "|", "justifyleft", "justifycenter", "justifyright", "justifyjustify", "|", "insertcode", "insertimage", "insertvideo", "inserttable", 'formula', "gapfilling", 'combox']
]
// 公式配置
, formulaConfig: {
@@ -95,12 +98,19 @@
// return true;
// }
}
-
// 插入图片自定义配置
, imageConfig: {
// 禁止本地上传
disableUpload: false,
}
+ , videoConfig: {
+ disableUpload: false,
+ selectCallback: null,
+ }
+ , videoActionName: 'imgUpload'
+ , videoAllowFiles: [
+ ".mp4",
+ ]
, zIndex: 2000
, fullscreen: false
diff --git a/src/pages/testPaper/detail/index.vue b/src/pages/testPaper/detail/index.vue
index b570d1d..2f65068 100644
--- a/src/pages/testPaper/detail/index.vue
+++ b/src/pages/testPaper/detail/index.vue
@@ -141,7 +141,7 @@
{{ questionTypes.find(e => e.id === item.questionType).name }}
- ' + file.name + '
' + - '' + - '' + - '
' +
- '' + lang.uploadDelete + '' +
- '' + lang.uploadTurnRight + '' +
- '' + lang.uploadTurnLeft + '
').appendTo($li),
- $prgress = $li.find('p.progress span'),
- $wrap = $li.find('p.imgWrap'),
- $info = $('').hide().appendTo($li),
-
- showError = function (code) {
- switch (code) {
- case 'exceed_size':
- text = lang.errorExceedSize;
- break;
- case 'interrupt':
- text = lang.errorInterrupt;
- break;
- case 'http':
- text = lang.errorHttp;
- break;
- case 'not_allow_type':
- text = lang.errorFileType;
- break;
- default:
- text = lang.errorUploadRetry;
- break;
- }
- $info.text(text).show();
- };
-
- if (file.getStatus() === 'invalid') {
- showError(file.statusText);
- } else {
- $wrap.text(lang.uploadPreview);
- if ('|png|jpg|jpeg|bmp|gif|'.indexOf('|' + file.ext.toLowerCase() + '|') == -1) {
- $wrap.empty().addClass('notimage').append('' +
- '' + file.name + '');
- } else {
- if (browser.ie && browser.version <= 7) {
- $wrap.text(lang.uploadNoPreview);
- } else {
- uploader.makeThumb(file, function (error, src) {
- if (error || !src || (/^data:/.test(src) && browser.ie && browser.version <= 7)) {
- $wrap.text(lang.uploadNoPreview);
- } else {
- var $img = $('' + file.name + '
' + + '' + + '' + + '
' +
+ '' + lang.uploadDelete + '' +
+ '' + lang.uploadTurnRight + '' +
+ '' + lang.uploadTurnLeft + '
').appendTo($li),
+ $prgress = $li.find('p.progress span'),
+ $wrap = $li.find('p.imgWrap'),
+ $info = $('').hide().appendTo($li),
+
+ showError = function (code) {
+ switch (code) {
+ case 'exceed_size':
+ text = lang.errorExceedSize;
+ break;
+ case 'interrupt':
+ text = lang.errorInterrupt;
+ break;
+ case 'http':
+ text = lang.errorHttp;
+ break;
+ case 'not_allow_type':
+ text = lang.errorFileType;
+ break;
+ default:
+ text = lang.errorUploadRetry;
+ break;
}
+ $info.text(text).show();
+ };
- function setState(val, files) {
-
- if (val != state) {
-
- var stats = uploader.getStats();
-
- $upload.removeClass('state-' + state);
- $upload.addClass('state-' + val);
-
- switch (val) {
-
- /* 未选择文件 */
- case 'pedding':
- $queue.addClass('element-invisible');
- $statusBar.addClass('element-invisible');
- $placeHolder.removeClass('element-invisible');
- $progress.hide();
- $info.hide();
- uploader.refresh();
- break;
-
- /* 可以开始上传 */
- case 'ready':
- $placeHolder.addClass('element-invisible');
- $queue.removeClass('element-invisible');
- $statusBar.removeClass('element-invisible');
- $progress.hide();
- $info.show();
- $upload.text(lang.uploadStart);
- uploader.refresh();
- break;
-
- /* 上传中 */
- case 'uploading':
- $progress.show();
- $info.hide();
- $upload.text(lang.uploadPause);
- break;
-
- /* 暂停上传 */
- case 'paused':
- $progress.show();
- $info.hide();
- $upload.text(lang.uploadContinue);
- break;
-
- case 'confirm':
- $progress.show();
- $info.hide();
- $upload.text(lang.uploadStart);
-
- stats = uploader.getStats();
- if (stats.successNum && !stats.uploadFailNum) {
- setState('finish');
- return;
- }
- break;
-
- case 'finish':
- $progress.hide();
- $info.show();
- if (stats.uploadFailNum) {
- $upload.text(lang.uploadRetry);
- } else {
- $upload.text(lang.uploadStart);
- }
- break;
- }
-
- state = val;
- updateStatus();
-
- }
-
- if (!_this.getQueueCount()) {
- $upload.addClass('disabled')
+ if (file.getStatus() === 'invalid') {
+ showError(file.statusText);
+ } else {
+ $wrap.text(lang.uploadPreview);
+ if ('|png|jpg|jpeg|bmp|gif|'.indexOf('|' + file.ext.toLowerCase() + '|') == -1) {
+ $wrap.empty().addClass('notimage').append('' +
+ '' + file.name + '');
+ } else {
+ if (browser.ie && browser.version <= 7) {
+ $wrap.text(lang.uploadNoPreview);
+ } else {
+ uploader.makeThumb(file, function (error, src) {
+ if (error || !src || (/^data:/.test(src) && browser.ie && browser.version <= 7)) {
+ $wrap.text(lang.uploadNoPreview);
} else {
- $upload.removeClass('disabled')
+ var $img = $('（