908 lines
38 KiB
JavaScript
908 lines
38 KiB
JavaScript
|
'use strict';
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* @Description: 上传文件，三合一组件
|
|||
|
|
* @Version: 1.0
|
|||
|
|
* @Autor: chudong
|
|||
|
|
* @Date: 2021-10-11 15:54:00
|
|||
|
|
* @LastEditors: chudong
|
|||
|
|
* @LastEditTime: 2021-11-04 17:12:51
|
|||
|
|
*/
|
|||
|
|
function UploadFile() {
|
|||
|
|
this.uploadPath = ''; // 上传文件位置
|
|||
|
|
this.init = false; // 是否初始化
|
|||
|
|
this.compatible = true; // 是否兼容当前系统，默认全部兼容
|
|||
|
|
this.uploadElement = null; // 更新视图
|
|||
|
|
this.isUpload = true; // 是否可上传
|
|||
|
|
this.isGetFiles = false; // 是否可获取文件，如果当前拦截判断已经触发，则无法继续获取文件
|
|||
|
|
this.limit = {
|
|||
|
|
size: 30 * 1024 * 1024 * 1024,
|
|||
|
|
number: 1000
|
|||
|
|
};
|
|||
|
|
this.init_data(); // 初始化数据
|
|||
|
|
this.initialize_view(); // 初始化视图
|
|||
|
|
this.event_bind(); // 事件绑定
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var uploadListhtml = '<ul class="dropUpLoadFileHead " style="padding-right:17px;"><li class="fileTitle"><span class="filename">File name</span><span class="filesize">File size</span><span class="fileStatus">File status</span></li></ul><ul class="dropUpLoadFile list-list"></ul>';
|
|||
|
|
|
|||
|
|
// 是否显示内容
|
|||
|
|
function is_show(el, show) {
|
|||
|
|
el.style.display = show ? 'block' : 'none';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
UploadFile.prototype = {
|
|||
|
|
/**
|
|||
|
|
* @description 创建节点
|
|||
|
|
*/
|
|||
|
|
createEl: function createEl(name) {
|
|||
|
|
return document.createElement(name);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 获取节点
|
|||
|
|
*/
|
|||
|
|
queryEl: function queryEl(el) {
|
|||
|
|
return document.querySelector(el);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 获取所有节点
|
|||
|
|
*/
|
|||
|
|
queryElAll: function queryElAll(el) {
|
|||
|
|
return document.querySelectorAll(el);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 绑定事件
|
|||
|
|
*/
|
|||
|
|
bind: function bind(el, type, fn) {
|
|||
|
|
if (typeof el === 'string') el = this.queryElAll(el);
|
|||
|
|
if (typeof el.length !== 'number') el = [el];
|
|||
|
|
if (typeof type === "function") fn = type, type = "click";
|
|||
|
|
for (var i = 0; i < el.length; i++) {
|
|||
|
|
var item = el[i];
|
|||
|
|
(function (item) {
|
|||
|
|
item.addEventListener(type || 'click', function (ev) {
|
|||
|
|
var index = [].indexOf.call(el, item);
|
|||
|
|
fn.call(item, ev, index);
|
|||
|
|
}, false);
|
|||
|
|
})(item);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 初始化数据
|
|||
|
|
*/
|
|||
|
|
init_data: function init_data() {
|
|||
|
|
|
|||
|
|
this.uploadStatus = 0; // 上传状态 0:等待上传 1:上传成功 2:上传中
|
|||
|
|
this.uploadLimitSize = 1024 * 1024 * 2; // 上传限制字节
|
|||
|
|
this.uploadList = []; // 上传列表
|
|||
|
|
this.isUpload = true;
|
|||
|
|
this.uploadTime = {
|
|||
|
|
endTime: 0,
|
|||
|
|
startTime: 0
|
|||
|
|
};
|
|||
|
|
this.uploadInfo = { // 提示信息，用于通知当前上传状态
|
|||
|
|
estimatedTime: 0, // 上传预计耗时，时间戳
|
|||
|
|
uploadedSize: 0, // 已上传文件大小
|
|||
|
|
speedInterval: null, // 平局速度定时器
|
|||
|
|
speedAverage: 0, //平均速度
|
|||
|
|
uploadTime: 0, // 上传总耗时
|
|||
|
|
fileSize: 0, // 文件上传字节
|
|||
|
|
startTime: 0, // 文件上传开始时间
|
|||
|
|
endTime: 0 // 文件上传结束时间
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.fileList = []; // 文件列表
|
|||
|
|
this.fileTotalSize = 0; // 全部文件大小
|
|||
|
|
this.fileTotalNumber = 0; //全部文件数量
|
|||
|
|
|
|||
|
|
this.uploadInterval = null;
|
|||
|
|
this.uploadCycleSize = []; // 上传周期的字段
|
|||
|
|
|
|||
|
|
this.speedLastTime = 0;
|
|||
|
|
this.timerSpeed = 0;
|
|||
|
|
|
|||
|
|
this.uploadError = 0;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 初始化上传路径
|
|||
|
|
*/
|
|||
|
|
init_upload_path: function (path) {
|
|||
|
|
this.uploadPath = path || bt.get_cookie('Path'); // 上传目录
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 视图初始化
|
|||
|
|
*/
|
|||
|
|
initialize_view: function () {
|
|||
|
|
var title = this.createEl('span');
|
|||
|
|
this.uploadElement = this.createEl('div');
|
|||
|
|
this.uploadElement.setAttribute('style', 'position:fixed;top:0;left:0;right:0;bottom:0; background:rgba(255,255,255,0.6);border:3px #ccc dashed;z-index:99999999;color:#999;font-size:40px;text-align:center;overflow:hidden;');
|
|||
|
|
this.uploadElement.id = 'uploadView';
|
|||
|
|
is_show(this.uploadElement, false);
|
|||
|
|
title.setAttribute('style', 'position: fixed;top: 50%;left: 50%;margin-left: -200px;margin-top: -40px;z-index:99999998');
|
|||
|
|
title.innerText = 'Upload files to the current directory';
|
|||
|
|
this.uploadElement.appendChild(title);
|
|||
|
|
document.querySelector('body').appendChild(this.uploadElement);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 绑定事件
|
|||
|
|
*/
|
|||
|
|
event_bind: function event_bind() {
|
|||
|
|
var _this = this;
|
|||
|
|
|
|||
|
|
// 进入目标
|
|||
|
|
this.bind(document, 'dragenter', function (ev) {
|
|||
|
|
_this.file_drag_hover(ev);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 在放置目标上
|
|||
|
|
this.bind(this.uploadElement, 'dragover', function (ev) {
|
|||
|
|
_this.file_drag_hover(ev);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 离开放置目录
|
|||
|
|
this.bind(this.uploadElement, 'dragleave', function (ev) {
|
|||
|
|
if (ev.path[0].id == 'uploadView') {
|
|||
|
|
if (ev.screenX == 0 || ev.screenY == 0) {
|
|||
|
|
ev.path[0].style.display = 'none';
|
|||
|
|
}
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
// _this.file_drag_hover(ev);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 放置目标
|
|||
|
|
this.bind(this.uploadElement, 'drop', function (ev) {
|
|||
|
|
_this.isGetFiles = true;
|
|||
|
|
if (_this.uploadStatus === 2) {
|
|||
|
|
layer.msg('Uploading files, please wait...', {
|
|||
|
|
icon: 0
|
|||
|
|
});
|
|||
|
|
_this.file_drag_hover(ev);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var path = $('#fileInputPath').attr('data-path');
|
|||
|
|
$('.againUpload').click();
|
|||
|
|
_this.init_upload_path(path);
|
|||
|
|
_this.upload_layer();
|
|||
|
|
_this.isUpload = true;
|
|||
|
|
_this.file_select_handler(ev);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 文件拖拽悬浮状态
|
|||
|
|
*/
|
|||
|
|
file_drag_hover: function file_drag_hover(event) {
|
|||
|
|
try {
|
|||
|
|
if (event.dataTransfer.items[0].kind == 'string') return false;
|
|||
|
|
} catch (error) {}
|
|||
|
|
is_show(this.uploadElement, !(event.type === 'dragleave' || event.type === 'drop'));
|
|||
|
|
event.preventDefault();
|
|||
|
|
event.stopPropagation();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 上传弹窗
|
|||
|
|
*/
|
|||
|
|
upload_layer: function (list) {
|
|||
|
|
var _this2 = this;
|
|||
|
|
|
|||
|
|
if (typeof list === 'undefined') list = [];
|
|||
|
|
if (this.layer) return false;
|
|||
|
|
var layerMax = null,
|
|||
|
|
layerShade = null,
|
|||
|
|
uploadPath = this.uploadPath || bt.get_cookie('Path');
|
|||
|
|
this.layer = layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
closeBtn: 1,
|
|||
|
|
maxmin: true,
|
|||
|
|
area: ['650px', '605px'],
|
|||
|
|
title: 'Upload files to [' + uploadPath + '] --- Support breakpoint renewal',
|
|||
|
|
skin: 'file_dir_uploads',
|
|||
|
|
content: '<div class="upload_file_container pd15" style="flex-direction: column;-webkit-user-select:none;-moz-user-select:none;">\n <div class="upload_btn_groud">\n <div class="btn-group">\n <button type="button" class="btn btn-primary btn-sm upload_file_btn">Upload file</button>\n <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n <span class="caret"></span><span class="sr-only">Toggle Dropdown</span>\n </button>\n <ul class="dropdown-menu">\n <li><a href="#" data-type="file">Upload file</a></li>\n <li><a href="#" data-type="dir">Upload path</a></li>\n </ul>\n </div>\n <div class="pull-right"><button class="btn btn-sm btn-default empty-record">Clear</button></div>\n <div class="file_upload_info hide">\n <span>Total process <i class="uploadProgress"></i>, uploading <i class="uploadNumber"></i>,</span>\n <span class="hide">Upload fail <i class="uploadError"></i></span>\n <span>Speed <i class="uploadSpeed">Getting</i>，</span>\n <span>Expect time <i class="uploadEstimate">Getting</i></span>\n <i></i>\n </div>\n </div>\n <div class="upload_file_body ' + (list.length > 0 ? '' : 'active') + '">' + (list.length > 0 ? uploadListhtml : '<span>Please drag the file here</span>') + '</div>\n </div>\n <div class="upload_file_gourp">\n <button class="btn btn-defalut btn-sm cancelUpload" style="margin-right:15px">Cancel</button>\n <button class="btn btn-success btn-sm startUpload">Upload</button>\n </div>',
|
|||
|
|
success: function success(layers, indexs) {
|
|||
|
|
layerMax = _this2.queryEl('.file_dir_uploads').querySelector('.layui-layer-max');
|
|||
|
|
layerShade = document.querySelector('.layui-layer-shade');
|
|||
|
|
layerMax.style.display = 'none';
|
|||
|
|
var cancelUpload = _this2.queryEl('.cancelUpload'),
|
|||
|
|
startUpload = _this2.queryEl('.startUpload'),
|
|||
|
|
uploadFileBtn = _this2.queryEl('.upload_file_btn'),
|
|||
|
|
dropdownItem = _this2.queryElAll('.dropdown-menu li');
|
|||
|
|
// 下拉选项
|
|||
|
|
_this2.bind(dropdownItem, function (ev) {
|
|||
|
|
var type = ev.target.dataset.type;
|
|||
|
|
if (type === 'file') {
|
|||
|
|
_this2.queryEl('.upload_file_input').removeAttribute('webkitdirectory');
|
|||
|
|
} else if (type === 'dir') {
|
|||
|
|
_this2.queryEl('.upload_file_input').setAttribute('webkitdirectory', '');
|
|||
|
|
}
|
|||
|
|
_this2.queryEl('.upload_file_input').click();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
_this2.bind('.empty-record', function (ev) {
|
|||
|
|
var $li = _this2.queryElAll('.dropUpLoadFile li');
|
|||
|
|
if ($li.length <= 0) {
|
|||
|
|
layer.msg('Please select file!', {icon: 0});
|
|||
|
|
} else {
|
|||
|
|
layer.confirm('Do you want to clear the upload list?', {
|
|||
|
|
btn: ['Confirm', 'Cancel'],
|
|||
|
|
title: 'clear the upload list',
|
|||
|
|
icon: 0
|
|||
|
|
}, function (indexs) {
|
|||
|
|
_this2.empty_upload_list();
|
|||
|
|
layer.close(indexs);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function create_upload_input() {
|
|||
|
|
// 选择文件或文件夹
|
|||
|
|
var uploadFileInput = _this2.createEl('input'),
|
|||
|
|
uploadBtnGroud = _this2.queryEl('.upload_btn_groud');
|
|||
|
|
uploadFileInput.setAttribute('type', 'file');
|
|||
|
|
uploadFileInput.setAttribute('multiple', 'multiple');
|
|||
|
|
uploadFileInput.style.display = 'none';
|
|||
|
|
uploadFileInput.classList.add('upload_file_input');
|
|||
|
|
uploadBtnGroud.appendChild(uploadFileInput);
|
|||
|
|
_this2.bind(uploadFileInput, 'change', function (ev) {
|
|||
|
|
_this2.isUpload = true;
|
|||
|
|
_this2.isGetFiles = true;
|
|||
|
|
var files = ev.target.files;
|
|||
|
|
// console.log(files)
|
|||
|
|
for (var i = 0; i < files.length; i++) {
|
|||
|
|
if (!_this2.file_upload_limit(files[i])) return false;
|
|||
|
|
}
|
|||
|
|
if (!_this2.isGetFiles) return false;
|
|||
|
|
_this2.render_file_list(_this2.fileList);
|
|||
|
|
uploadBtnGroud.removeChild(uploadFileInput);
|
|||
|
|
create_upload_input();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
create_upload_input();
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 点击上传文件按钮
|
|||
|
|
_this2.bind(uploadFileBtn, function (ev) {
|
|||
|
|
_this2.queryEl('.upload_file_input').click();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 关闭文件视图
|
|||
|
|
_this2.bind(cancelUpload, function (ev) {
|
|||
|
|
_this2.cancel_upload(ev);
|
|||
|
|
});
|
|||
|
|
// 开始上传
|
|||
|
|
_this2.bind(startUpload, function (e) {
|
|||
|
|
var btn = e.target;
|
|||
|
|
if (btn.classList.contains('againUpload')) {
|
|||
|
|
$('.ico-tips-close').click()
|
|||
|
|
btn.innerText = 'Upload'
|
|||
|
|
btn.classList.remove('againUpload')
|
|||
|
|
btn.classList.add('startUpload')
|
|||
|
|
} else {
|
|||
|
|
if (_this2.fileList.length === 0) {
|
|||
|
|
layer.msg('Please select file!', {icon: 0});
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
_this2.upload_file();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
min: function () {
|
|||
|
|
layerMax.style.display = '';
|
|||
|
|
layerShade.style.display = 'none';
|
|||
|
|
},
|
|||
|
|
restore: function () {
|
|||
|
|
layerMax.style.display = 'none';
|
|||
|
|
layerShade.style.display = '';
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
_this2.cancel_upload();
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 清空上传列表
|
|||
|
|
empty_upload_list: function () {
|
|||
|
|
var dropUpLoadFile = this.queryEl('.dropUpLoadFile');
|
|||
|
|
var $li = this.queryElAll('.dropUpLoadFile li');
|
|||
|
|
for (var i = 0; i < $li.length; i++) {
|
|||
|
|
dropUpLoadFile.removeChild($li[i]);
|
|||
|
|
}
|
|||
|
|
this.init_data();
|
|||
|
|
var $head = this.queryEl('.dropUpLoadFileHead');
|
|||
|
|
if ($head) $head.removeAttribute('style');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 获取实时时间
|
|||
|
|
*/
|
|||
|
|
get_time_real: function get_time_real() {
|
|||
|
|
return new Date().getTime();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 上传前检查文件是否存在
|
|||
|
|
*/
|
|||
|
|
upload_file_exists: function (config) {
|
|||
|
|
var _this = this;
|
|||
|
|
var filename = config.path + config.name;
|
|||
|
|
var files = this.uploaded_files;
|
|||
|
|
if (!files) {
|
|||
|
|
this.uploaded_files = [];
|
|||
|
|
files = [];
|
|||
|
|
}
|
|||
|
|
var data = {
|
|||
|
|
filename: filename
|
|||
|
|
};
|
|||
|
|
// 判断是否上传过该文件名
|
|||
|
|
var isUploaded = false;
|
|||
|
|
for (var i = 0; i < files.length; i++) {
|
|||
|
|
if (files[i] === config.name) {
|
|||
|
|
isUploaded = true;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 上传过就直接跳过
|
|||
|
|
if (isUploaded) {
|
|||
|
|
config.success();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.uploaded_files.push(config.name);
|
|||
|
|
bt.send('upload_file_exists', 'files/upload_file_exists', data, function (res) {
|
|||
|
|
if (res.status) {
|
|||
|
|
var is_open = _this.is_open_cover_layer;
|
|||
|
|
if (is_open === 0) {
|
|||
|
|
bt.open({
|
|||
|
|
type: 1,
|
|||
|
|
area: '400px',
|
|||
|
|
title: 'Upload file to [' + config.path.substr(0, config.path.length - 1) + ']',
|
|||
|
|
btn: ['Confirm', 'Skip'],
|
|||
|
|
content: '\
|
|||
|
|
<div class="warning_layer_box">\
|
|||
|
|
<div class="warning_layer_head">\
|
|||
|
|
<i class="layui-layer-ico layui-layer-ico3"></i>\
|
|||
|
|
<div class="cont">A file with the same name [' + config.name + '] is detected, do you want to overwrite it?</div>\
|
|||
|
|
</div>\
|
|||
|
|
<div class="details">\
|
|||
|
|
<div class="left">\
|
|||
|
|
<input type="checkbox" id="all_operation" />\
|
|||
|
|
<label for="all_operation">Do this for later file conflicts</label>\
|
|||
|
|
</div>\
|
|||
|
|
</div>\
|
|||
|
|
</div>\
|
|||
|
|
',
|
|||
|
|
success: function (layero) {
|
|||
|
|
var fileList = _this.fileList;
|
|||
|
|
if (fileList.length <= 1) {
|
|||
|
|
layero.find('.details').remove();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
config.error();
|
|||
|
|
},
|
|||
|
|
yes: function (index) {
|
|||
|
|
var checked = $('#all_operation').is(':checked');
|
|||
|
|
if (checked) {
|
|||
|
|
_this.is_open_cover_layer = 1;
|
|||
|
|
}
|
|||
|
|
config.success();
|
|||
|
|
layer.close(index);
|
|||
|
|
},
|
|||
|
|
btn2: function (index) {
|
|||
|
|
var checked = $('#all_operation').is(':checked');
|
|||
|
|
if (checked) {
|
|||
|
|
_this.is_open_cover_layer = 2;
|
|||
|
|
}
|
|||
|
|
config.error();
|
|||
|
|
layer.close(index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else if (is_open === 1) {
|
|||
|
|
config.success();
|
|||
|
|
} else {
|
|||
|
|
config.error();
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
config.success();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 上传文件
|
|||
|
|
*/
|
|||
|
|
upload_file: function (fileStart, index) {
|
|||
|
|
var _this3 = this;
|
|||
|
|
this.uploadPath = this.uploadPath || bt.get_cookie('Path');
|
|||
|
|
if(this.fileList.length === 0) return false;
|
|||
|
|
// 开始上传
|
|||
|
|
if (fileStart == undefined && this.uploadList.length == 0) {
|
|||
|
|
fileStart = 0, index = 0;
|
|||
|
|
this.is_open_cover_layer = 0;
|
|||
|
|
this.uploadStatus = 2;
|
|||
|
|
this.uploaded_files = []; // 上传过的文件
|
|||
|
|
this.uploadCycleSize = []; // 上传速度匹配
|
|||
|
|
this.uploadTime.startTime = this.get_time_real(); // 设置上传开始时间
|
|||
|
|
var startUpload = this.queryEl('.startUpload');
|
|||
|
|
startUpload.setAttribute('disabled','disabled')
|
|||
|
|
startUpload.innerText = 'Uploading';
|
|||
|
|
}
|
|||
|
|
// 结束上传
|
|||
|
|
if (this.fileList.length === index) {
|
|||
|
|
clearTimeout(this.uploadInterval);
|
|||
|
|
this.uploadStatus = 1;
|
|||
|
|
this.uploadTime.endTime = this.get_time_real(); // 设置上传开始时间
|
|||
|
|
this.set_upload_view();
|
|||
|
|
this.init_data();
|
|||
|
|
bt_file.reader_file_list({ path: this.uploadPath });
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 创建文件对象和切割文件
|
|||
|
|
var item = this.fileList[index],
|
|||
|
|
fileEnd = '';
|
|||
|
|
if (item == undefined) return false;
|
|||
|
|
|
|||
|
|
// 检测文件是否存在
|
|||
|
|
var f_path = this.uploadPath + item.path + '/';
|
|||
|
|
f_path = f_path.replace(/\/\//g, '/');
|
|||
|
|
this.upload_file_exists({
|
|||
|
|
name: item.name,
|
|||
|
|
path: f_path,
|
|||
|
|
error: function () {
|
|||
|
|
$('.dropUpLoadFile li').eq(index).find('.fileStatus .upload_info').html('File already exists');
|
|||
|
|
_this3.upload_file(0, ++index);
|
|||
|
|
},
|
|||
|
|
success: function () {
|
|||
|
|
// 设置切割文件时间段
|
|||
|
|
var uploadedSize = _this3.uploadInfo.uploadedSize;
|
|||
|
|
_this3.uploadInterval = setInterval(function () {
|
|||
|
|
if (_this3.uploadCycleSize.length === 4) _this3.uploadCycleSize.splice(0, 1);
|
|||
|
|
_this3.uploadCycleSize.push(Math.abs(_this3.uploadInfo.uploadedSize - uploadedSize));
|
|||
|
|
}, 1000);
|
|||
|
|
|
|||
|
|
// 渲染上传时间和上传进度
|
|||
|
|
_this3.uploadInfo.endTime = _this3.get_time_real();
|
|||
|
|
_this3.reander_timer_speed();
|
|||
|
|
_this3.uploadInfo.startTime = _this3.get_time_real();
|
|||
|
|
|
|||
|
|
// 获取上传速度
|
|||
|
|
var speed = _this3.get_update_speed(),
|
|||
|
|
// 获取上传速度
|
|||
|
|
limitSize = _this3.uploadLimitSize;
|
|||
|
|
// 判断速度是否操作阈值，超过阀值后，采用倍速的方案，最大只能支持4，8MB
|
|||
|
|
var maxDouble = Math.floor(speed / _this3.uploadLimitSize);
|
|||
|
|
if (maxDouble && index > 1) limitSize = (maxDouble > 4 ? 4 : maxDouble) * limitSize;
|
|||
|
|
|
|||
|
|
// 实时反馈
|
|||
|
|
if (fileStart == 0) {
|
|||
|
|
_this3.uploadInfo.startTime = _this3.get_time_real();
|
|||
|
|
item = $.extend(item, {
|
|||
|
|
percent: '0%',
|
|||
|
|
upload: 2,
|
|||
|
|
upload_size: '0B'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_this3.set_upload_view(index, item);
|
|||
|
|
|
|||
|
|
fileEnd = Math.min(item.file.size, (fileStart + limitSize));
|
|||
|
|
_this3.uploadInfo.fileSize = fileEnd - fileStart;
|
|||
|
|
|
|||
|
|
var form = new FormData();
|
|||
|
|
form.append("f_path", f_path);
|
|||
|
|
form.append("f_name", item.name);
|
|||
|
|
form.append("f_size", item.file.size);
|
|||
|
|
form.append("f_start", fileStart);
|
|||
|
|
form.append("blob", item.file.slice(fileStart, fileEnd));
|
|||
|
|
|
|||
|
|
// 发送请求
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/files?action=upload',
|
|||
|
|
type: "POST",
|
|||
|
|
data: form,
|
|||
|
|
async: true,
|
|||
|
|
processData: false,
|
|||
|
|
contentType: false,
|
|||
|
|
success: function success(rdata) {
|
|||
|
|
// 判断是否为数字
|
|||
|
|
if (typeof rdata === "number") {
|
|||
|
|
_this3.set_upload_view(index, $.extend(item, {
|
|||
|
|
percent: (rdata / item.file.size * 100).toFixed(2) + '%',
|
|||
|
|
upload: 2,
|
|||
|
|
upload_size: bt.format_size(rdata)
|
|||
|
|
}));
|
|||
|
|
|
|||
|
|
// 判断是否为文件结束，已上传文件大小
|
|||
|
|
if (fileEnd != rdata) {
|
|||
|
|
_this3.uploadInfo.uploadedSize += rdata;
|
|||
|
|
} else {
|
|||
|
|
_this3.uploadInfo.uploadedSize += parseInt(fileEnd - fileStart);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// console.log(rdata, index);
|
|||
|
|
|
|||
|
|
// 继续上传文件
|
|||
|
|
_this3.upload_file(rdata, index);
|
|||
|
|
} else {
|
|||
|
|
// 请求状态，判断文件是否上传成功
|
|||
|
|
if (rdata.status) {
|
|||
|
|
_this3.uploadInfo.endTime = _this3.get_time_real();
|
|||
|
|
_this3.uploadInfo.uploadedSize += parseInt(fileEnd - fileStart);
|
|||
|
|
_this3.set_upload_view(index, $.extend(item, {
|
|||
|
|
upload: 1,
|
|||
|
|
upload_size: item.size
|
|||
|
|
}));
|
|||
|
|
} else {
|
|||
|
|
_this3.set_upload_view(index, $.extend(item, {
|
|||
|
|
upload: -1,
|
|||
|
|
errorMsg: rdata.msg
|
|||
|
|
}));
|
|||
|
|
_this3.uploadError++;
|
|||
|
|
}
|
|||
|
|
_this3.upload_file(0, ++index);
|
|||
|
|
}
|
|||
|
|
// 实时更新文件上传状态
|
|||
|
|
},
|
|||
|
|
error: function (e) {
|
|||
|
|
if (_this3.fileList[index].req_error === undefined) _this3.fileList[index].req_error = 1;
|
|||
|
|
if (_this3.fileList[index].req_error > 2) {
|
|||
|
|
_this3.set_upload_view(index, $.extend(_this3.fileList[index], {
|
|||
|
|
upload: -1,
|
|||
|
|
errorMsg: e.statusText == 'error' ? lan.public.network_err : e.statusText
|
|||
|
|
}));
|
|||
|
|
_this3.uploadError++;
|
|||
|
|
_this3.upload_file(fileStart, index += 1);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
_this3.fileList[index].req_error += 1;
|
|||
|
|
_this3.upload_file(fileStart, index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 设置上传视图
|
|||
|
|
*/
|
|||
|
|
set_upload_view: function set_upload_view(index, config) {
|
|||
|
|
var _this4 = this;
|
|||
|
|
if (typeof index === 'undefined') {
|
|||
|
|
var file_upload_info = this.queryEl('.file_upload_info'),
|
|||
|
|
time = this.get_time_real(),
|
|||
|
|
s_peed = this.to_size(this.uploadInfo.uploadedSize / ((time - this.uploadTime.startTime) / 1000));
|
|||
|
|
file_upload_info.innerHTML = '<span>Uploading ' + this.uploadList.length + ' file(s), ' + (this.uploadError ? 'Fail ' + this.uploadError + ' file(s), ' : '') + 'time: ' + this.diff_time(this.uploadTime.startTime, time) + ', speed: ' + s_peed + '/s</span><i class="ico-tips-close"></i>';
|
|||
|
|
this.bind(file_upload_info.querySelector('.ico-tips-close'), function (ev) {
|
|||
|
|
var parent = this.parentNode.parentNode;
|
|||
|
|
parent.querySelector('.btn-group').classList.remove('hide');
|
|||
|
|
parent.querySelector('.file_upload_info').classList.add('hide');
|
|||
|
|
_this4.empty_upload_list();
|
|||
|
|
});
|
|||
|
|
var startUpload = this.queryEl('.startUpload')
|
|||
|
|
startUpload.removeAttribute('disabled')
|
|||
|
|
startUpload.innerText = 'Upload again'
|
|||
|
|
startUpload.classList.remove('startUpload')
|
|||
|
|
startUpload.classList.add('againUpload')
|
|||
|
|
_this4.init_data();
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
var item = document.querySelectorAll('.dropUpLoadFile li')[index];
|
|||
|
|
var file_info = this.queryEl('.file_upload_info');
|
|||
|
|
|
|||
|
|
if (file_info.querySelectorAll('.uploadProgress').length === 0) {
|
|||
|
|
file_info.innerHTML = '<span>\n Total process <i class="uploadProgress"></i>，\n uploading <i class="uploadNumber"></i>, </span>\n <span style="display:none">Upload fail <i class="uploadError"></i></span><span>\n Speed <i class="uploadSpeed">Getting</i>，</span><span>\n Expect time <i class="uploadEstimate">Getting</i></span><i></i>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var file_info_parent = file_info.parentElement;
|
|||
|
|
file_info_parent.querySelector('.btn-group').classList.add('hide');
|
|||
|
|
file_info_parent.querySelector('.file_upload_info').classList.remove('hide');
|
|||
|
|
|
|||
|
|
var file_info_error = file_info.querySelector('.uploadError');
|
|||
|
|
file_info_error.innerText = '(' + this.uploadError + '份)';
|
|||
|
|
if (this.uploadError > 0) file_info_error.parentElement.style.display = 'block';
|
|||
|
|
|
|||
|
|
if (config.upload === 1 || config.upload === -1) {
|
|||
|
|
this.fileList[index].is_upload = true;
|
|||
|
|
this.uploadList.push(this.fileList[index]);
|
|||
|
|
item.querySelector('.fileLoading').setAttribute('style', 'width:100%;opacity:.5;background:' + (config.upload == -1 ? '#ffadad' : '#20a53a21'));
|
|||
|
|
item.querySelector('.filesize').innerText = config.size;
|
|||
|
|
item.querySelector('.fileStatus').innerHTML = this.is_upload_status(config.upload, config.upload === 1 ? '(time:' + this.diff_time(this.uploadTime.startTime, this.uploadTime.endTime) + ')' : config.errorMsg);
|
|||
|
|
var dropUpLoadFile = this.queryEl('.dropUpLoadFile');
|
|||
|
|
if (this.uploadList.length === 1) dropUpLoadFile.scrollTop = 0
|
|||
|
|
if (this.uploadList.length > 1) dropUpLoadFile.scrollTop += 45.5
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
item.querySelector('.fileLoading').setAttribute('style', 'width:' + config.percent);
|
|||
|
|
item.querySelector('.filesize').innerText = config.upload_size + '/' + config.size;
|
|||
|
|
item.querySelector('.fileStatus').innerHTML = this.is_upload_status(config.upload, '(' + config.percent + ')');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
file_info.querySelector('.uploadNumber').innerText = '(' + this.uploadList.length + '/' + this.fileList.length + ')';
|
|||
|
|
file_info.querySelector('.uploadProgress').innerText = ((this.uploadInfo.uploadedSize / this.fileTotalSize) * 100).toFixed(2) + '%';
|
|||
|
|
} catch (e) {
|
|||
|
|
console.log(e)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 上传状态
|
|||
|
|
* @param {*} status
|
|||
|
|
* @param {*} val
|
|||
|
|
* @returns
|
|||
|
|
*/
|
|||
|
|
is_upload_status: function is_upload_status(status, val) {
|
|||
|
|
if (val === undefined) val = '';
|
|||
|
|
switch (status) {
|
|||
|
|
case -1:
|
|||
|
|
return '<span class="upload_info upload_error" title="Fail' + (val != '' ? ', ' + val : '') + '">Fail' + (val != '' ? ', ' + val : '') + '</span>';
|
|||
|
|
case 0:
|
|||
|
|
return '<span class="upload_info upload_primary">Waiting to upload</span>';
|
|||
|
|
case 1:
|
|||
|
|
return '<span class="upload_info upload_success">Uploaded</span>';
|
|||
|
|
case 2:
|
|||
|
|
return '<span class="upload_info upload_warning">Uploading ' + val + '</span>';
|
|||
|
|
case 3:
|
|||
|
|
return '<span class="upload_info upload_success">Stoped</span>';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 取10秒内上传平均值
|
|||
|
|
*/
|
|||
|
|
get_update_speed: function get_update_speed() {
|
|||
|
|
var sum = 0;
|
|||
|
|
for (var i = 0; i < this.uploadCycleSize.length; i++) {
|
|||
|
|
sum += this.uploadCycleSize[i];
|
|||
|
|
}
|
|||
|
|
var content = sum / this.uploadCycleSize.length;
|
|||
|
|
return isNaN(content) ? 0 : content;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 渲染上传速度
|
|||
|
|
reander_timer_speed: function reander_timer_speed() {
|
|||
|
|
var done_time = new Date().getTime();
|
|||
|
|
if (done_time - this.speedLastTime > 1000) {
|
|||
|
|
var s_time = (this.uploadInfo.endTime - this.uploadInfo.startTime) / 1000;
|
|||
|
|
this.timerSpeed = (this.uploadInfo.fileSize / s_time).toFixed(2);
|
|||
|
|
if (this.timerSpeed < 2) return;
|
|||
|
|
this.queryEl('.file_upload_info').querySelector('.uploadSpeed').innerText = bt.format_size(isNaN(this.timerSpeed) ? 0 : this.timerSpeed) + '/s';
|
|||
|
|
var estimateTime = this.time(parseInt((this.fileTotalSize - this.uploadInfo.uploadedSize) / this.timerSpeed * 1000));
|
|||
|
|
if (!isNaN(this.timerSpeed)) this.queryEl('.file_upload_info').querySelector('.uploadEstimate').innerText = estimateTime.indexOf('NaN') == -1 ? estimateTime : '0 sec';
|
|||
|
|
this.speedLastTime = done_time;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
to_size: function to_size(a) {
|
|||
|
|
var d = [" B", " KB", " MB", " GB", " TB", " PB"];
|
|||
|
|
var e = 1024;
|
|||
|
|
for (var b = 0; b < d.length; b += 1) {
|
|||
|
|
if (a < e) {
|
|||
|
|
var num = a.toFixed(2) + d[b];
|
|||
|
|
return !isNaN(a.toFixed(2)) && typeof num != 'undefined' ? num : '0B';
|
|||
|
|
}
|
|||
|
|
a /= e;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
time: function time(date) {
|
|||
|
|
var hours = Math.floor(date / (60 * 60 * 1000));
|
|||
|
|
var minutes = Math.floor(date / (60 * 1000));
|
|||
|
|
var seconds = parseInt(date % (60 * 1000) / 1000);
|
|||
|
|
var result = seconds + 'sec';
|
|||
|
|
if (minutes > 0) {
|
|||
|
|
result = minutes + "min" + seconds + 'sec';
|
|||
|
|
}
|
|||
|
|
if (hours > 0) {
|
|||
|
|
result = hours + 'hour' + Math.floor((date - hours * (60 * 60 * 1000)) / (60 * 1000)) + "min";
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
},
|
|||
|
|
diff_time: function diff_time(start_date, end_date) {
|
|||
|
|
if (typeof start_date !== "number") start_date = start_date.getTime();
|
|||
|
|
if (typeof end_date !== "number") end_date = end_date.getTime();
|
|||
|
|
var diff = end_date - start_date,
|
|||
|
|
minutes = Math.floor(diff / (60 * 1000)),
|
|||
|
|
leave3 = diff % (60 * 1000),
|
|||
|
|
seconds = leave3 / 1000,
|
|||
|
|
result = seconds.toFixed(minutes > 0 ? 0 : 2) + 'sec';
|
|||
|
|
if (minutes > 0) {
|
|||
|
|
result = minutes + "min" + seconds.toFixed(0) + 'sec';
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 取消上传
|
|||
|
|
*/
|
|||
|
|
cancel_upload: function cancel_upload(index) {
|
|||
|
|
var _this4 = this;
|
|||
|
|
if (this.uploadStatus === 2) {
|
|||
|
|
layer.confirm('Do you want to cancel the upload of files? It need to delete the uploaded files manually. Continue?', {
|
|||
|
|
title: 'Cancel file upload',
|
|||
|
|
icon: 0
|
|||
|
|
}, function (indexs) {
|
|||
|
|
_this4.init_data();
|
|||
|
|
_this4.cancel_upload_layer();
|
|||
|
|
layer.close(indexs);
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
_this4.init_data();
|
|||
|
|
_this4.cancel_upload_layer();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 关闭上传弹窗
|
|||
|
|
*/
|
|||
|
|
cancel_upload_layer: function cancel_upload_layer() {
|
|||
|
|
layer.close(this.layer);
|
|||
|
|
this.layer = false;
|
|||
|
|
this.init_data();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 渲染列表
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
render_file_list: function (list) {
|
|||
|
|
var _this5 = this;
|
|||
|
|
var html = '';
|
|||
|
|
for (var i = 0; i < list.length; i++) {
|
|||
|
|
var item = list[i], name = ((item.path || '/') + '/' + item.name).replace(/\/\//g, '/');
|
|||
|
|
html += '<li><div class="fileItem"><span class="filename" title="File path: ' + item.name + '\rFile type: ' + item.file.type + '\rFile size: ' + item.size + '\rFile path: ' + name + '"><i class="ico ico-' + item.type + ' ico-file"></i><span>' + name + '</span></span>\n <span class="filesize" title="' + item.size + '">' + item.size + '</span>\n <span class="fileStatus"><span class="upload_info upload_primary">Waiting to upload</span><a class="btlink cancel-btn"><span class="glyphicon glyphicon-remove" title="Cancel"></span></a></span>\n <div class="fileLoading"></div>\n </div></li>';
|
|||
|
|
this.uploadInfo.fileSize += item.file.size;
|
|||
|
|
}
|
|||
|
|
var upload_file_body = this.queryEl('.upload_file_body');
|
|||
|
|
upload_file_body.className = 'upload_file_body';
|
|||
|
|
upload_file_body.innerHTML = uploadListhtml;
|
|||
|
|
this.queryEl('.upload_file_gourp').className = 'upload_file_gourp';
|
|||
|
|
this.queryEl('.dropUpLoadFile').innerHTML = html;
|
|||
|
|
var dropUpLoadFileHead = this.queryEl('.dropUpLoadFileHead');
|
|||
|
|
if (list.length <= 10) {
|
|||
|
|
dropUpLoadFileHead.removeAttribute('style');
|
|||
|
|
} else {
|
|||
|
|
dropUpLoadFileHead.style.paddingRight = bt_file.upload_file_body_width + 'px';
|
|||
|
|
dropUpLoadFileHead.style.boxShadow = '0 5px 2px -3px #ececec';
|
|||
|
|
}
|
|||
|
|
var cancelBtn = this.queryElAll('.cancel-btn');
|
|||
|
|
this.bind(cancelBtn, function (ev, index) {
|
|||
|
|
_this5.fileTotalSize = _this5.fileTotalSize - _this5.fileList[index].file.size;
|
|||
|
|
_this5.fileTotalNumber = _this5.fileTotalNumber - 1;
|
|||
|
|
_this5.fileList.splice(index, 1);
|
|||
|
|
_this5.queryElAll('.dropUpLoadFile li')[index].remove();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 文件上传限制
|
|||
|
|
* @param {Object} e 文件对象
|
|||
|
|
*/
|
|||
|
|
file_upload_limit: function (e, path) {
|
|||
|
|
if (!this.isGetFiles) return false
|
|||
|
|
var extName = e.name.split('.');
|
|||
|
|
path = path || e.webkitRelativePath
|
|||
|
|
var paths = path.split('/');
|
|||
|
|
path = ('/' + paths.slice(0, paths.length - 1).join('/')).replace('//', '/');
|
|||
|
|
this.fileList.push({
|
|||
|
|
file: e,
|
|||
|
|
path: path,
|
|||
|
|
name: e.name,
|
|||
|
|
size: bt.format_size(e.size),
|
|||
|
|
type: extName.length > 1 ? extName[extName.length - 1] : 'txt',
|
|||
|
|
status: 0
|
|||
|
|
});
|
|||
|
|
this.fileTotalSize += e.size;
|
|||
|
|
this.fileTotalNumber++;
|
|||
|
|
if (this.fileTotalNumber >= this.limit.number) {
|
|||
|
|
layer.msg('The number of files has exceeded the file upload limit ' + this.limit.number + ', please zip the folder and try again!');
|
|||
|
|
this.init_data();
|
|||
|
|
this.isGetFiles = false; // 停止文件内容获取
|
|||
|
|
this.empty_upload_list();
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.fileTotalSize >= this.limit.size) {
|
|||
|
|
layer.msg('The file size has exceeded the file upload' + bt.format_size(e.size) + ' limit, please use tools such as SFTP/FTP to upload the file!');
|
|||
|
|
this.init_data();
|
|||
|
|
this.isGetFiles = false; // 停止文件内容获取
|
|||
|
|
this.empty_upload_list();
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 文件夹文件内容递归
|
|||
|
|
* @param {object} item 文件对象
|
|||
|
|
*/
|
|||
|
|
traverse_file_tree: function (item) {
|
|||
|
|
var _this6 = this;
|
|||
|
|
|
|||
|
|
var path = item.fullPath || '';
|
|||
|
|
if (item.isFile) {
|
|||
|
|
item.file(function (e) {
|
|||
|
|
_this6.file_upload_limit(e, path);
|
|||
|
|
});
|
|||
|
|
clearTimeout(this.timeNumber);
|
|||
|
|
this.timeNumber = setTimeout(function () {
|
|||
|
|
_this6.load.close();
|
|||
|
|
if (_this6.isUpload && _this6.isGetFiles) {
|
|||
|
|
_this6.render_file_list(_this6.fileList);
|
|||
|
|
} else {
|
|||
|
|
var layers = _this6.layer;
|
|||
|
|
_this6.init_data();
|
|||
|
|
_this6.layers = layers;
|
|||
|
|
}
|
|||
|
|
}, 10);
|
|||
|
|
} else if (item.isDirectory) {
|
|||
|
|
var dirReader = item.createReader();
|
|||
|
|
var fnReadEntries = function (entries) {
|
|||
|
|
[].forEach.call(entries,function (e) {
|
|||
|
|
if (!_this6.isUpload) return false;
|
|||
|
|
_this6.traverse_file_tree(e);
|
|||
|
|
});
|
|||
|
|
if (entries.length > 0) {
|
|||
|
|
dirReader.readEntries(fnReadEntries);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
dirReader.readEntries(fnReadEntries)
|
|||
|
|
setTimeout(function () {
|
|||
|
|
if (_this6.fileList.length === 0 && _this6.isGetFiles) {
|
|||
|
|
layer.msg('Drag and drop upload folder content is empty')
|
|||
|
|
}
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 文件选择处理程序
|
|||
|
|
* @param {object} ev 事件
|
|||
|
|
*/
|
|||
|
|
file_select_handler: function (ev) {
|
|||
|
|
var _this7 = this;
|
|||
|
|
this.file_drag_hover(ev);
|
|||
|
|
this.load = bt.load('Getting file information, please wait...');
|
|||
|
|
this.timeNumber = 0;
|
|||
|
|
if (ev.target.files) {
|
|||
|
|
var items = ev.target.files;
|
|||
|
|
[].forEach.call(items, function (item) {
|
|||
|
|
_this7.traverse_file_tree(item);
|
|||
|
|
});
|
|||
|
|
} else if (ev.dataTransfer.items) {
|
|||
|
|
var items = ev.dataTransfer.items;
|
|||
|
|
[].forEach.call(items, function (ev) {
|
|||
|
|
var getAsEntry = ev.webkitGetAsEntry || ev.getAsEntry;
|
|||
|
|
var item = getAsEntry.call(ev);
|
|||
|
|
if (item) {
|
|||
|
|
if (!_this7.isUpload) return false;
|
|||
|
|
_this7.traverse_file_tree(item);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var uploadFiles = new UploadFile();
|