acud
Version:
acg react 组件库
136 lines (135 loc) • 4.85 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.file2Obj = file2Obj;
exports.getFileItem = getFileItem;
exports.isImageUrl = exports.getFiletypeByName = void 0;
exports.previewImage = previewImage;
exports.removeFileItem = removeFileItem;
exports.updateFileList = updateFileList;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
function file2Obj(file) {
return (0, _extends2["default"])((0, _extends2["default"])({}, file), {
lastModified: file.lastModified,
lastModifiedDate: file.lastModifiedDate,
name: file.name,
size: file.size,
type: file.type,
uid: file.uid,
percent: 0,
originFileObj: file
});
}
/** Upload fileList. Replace file if exist or just push into it. */
function updateFileList(file, fileList) {
var nextFileList = (0, _toConsumableArray2["default"])(fileList);
var fileIndex = nextFileList.findIndex(function (_ref) {
var uid = _ref.uid;
return uid === file.uid;
});
if (fileIndex === -1) {
nextFileList.unshift(file);
} else {
nextFileList[fileIndex] = file;
}
return nextFileList;
}
function getFileItem(file, fileList) {
var matchKey = file.uid !== undefined ? 'uid' : 'name';
return fileList.filter(function (item) {
return item[matchKey] === file[matchKey];
})[0];
}
function removeFileItem(file, fileList) {
var matchKey = file.uid !== undefined ? 'uid' : 'name';
var removed = fileList.filter(function (item) {
return item[matchKey] !== file[matchKey];
});
if (removed.length === fileList.length) {
return null;
}
return removed;
}
// ==================== Default Image Preview ====================
var extname = function extname() {
var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var temp = url.split('/');
var filename = temp[temp.length - 1];
var filenameWithoutSuffix = filename.split(/#|\?/)[0];
return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
};
var isImageFileType = function isImageFileType(type) {
return type.indexOf('image/') === 0;
};
var isImageUrl = exports.isImageUrl = function isImageUrl(file) {
if (file.type && !file.thumbUrl) {
return isImageFileType(file.type);
}
var url = file.thumbUrl || file.url || file.name || file.fileName || '';
var extension = extname(url);
if (/^data:image\//.test(url) || /(?:webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i.test(extension)) {
return true;
}
if (/^data:/.test(url)) {
// other file types of base64
return false;
}
if (extension) {
// other file types which have extension
return false;
}
return true;
};
var MEASURE_SIZE = 200;
function previewImage(file) {
return new Promise(function (resolve) {
if (!file.type || !isImageFileType(file.type)) {
resolve('');
return;
}
var canvas = document.createElement('canvas');
canvas.width = MEASURE_SIZE;
canvas.height = MEASURE_SIZE;
canvas.style.cssText = "position: fixed;\n left: 0;\n top: 0;\n width: ".concat(MEASURE_SIZE, "px;\n height: ").concat(MEASURE_SIZE, "px;\n z-index: 9999;\n display: none;");
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');
var img = new Image();
img.onload = function () {
var width = img.width,
height = img.height;
var drawWidth = MEASURE_SIZE;
var drawHeight = MEASURE_SIZE;
var offsetX = 0;
var offsetY = 0;
if (width > height) {
drawHeight = height * (MEASURE_SIZE / width);
offsetY = -(drawHeight - drawWidth) / 2;
} else {
drawWidth = width * (MEASURE_SIZE / height);
offsetX = -(drawWidth - drawHeight) / 2;
}
ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight);
var dataURL = canvas.toDataURL();
document.body.removeChild(canvas);
resolve(dataURL);
};
img.src = window.URL.createObjectURL(file);
});
}
var getFiletypeByName = exports.getFiletypeByName = function getFiletypeByName(fileName) {
var type = 'unknow';
var extension = extname(fileName);
if (/(?:jpeg|jpg|bmp|png|tif|gif|pcx|tga|exif|fpx|svg|psd|cdr|pcd|dxf|ufo|eps|ai|raw|WMF|webp|avif|apng)$/i.test(extension)) {
type = 'image';
} else if (/(?:3gpp|wmv|avi|flv|f4v|mkv|mov|mp4|m4a|mp2|mpeg|mpg|ogg|wmv|wma|rm|rmvb)$/i.test(extension)) {
type = 'video';
} else if (/(?:mp3|wav|wmv|aac|flac|ape)$/i.test(extension)) {
type = 'audio';
} else if (/(?:zip|tar|rar)$/i.test(extension)) {
type = 'zip';
}
return type;
};