123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.file2Obj = file2Obj;
- exports.getFileItem = getFileItem;
- exports.isImageUrl = void 0;
- exports.previewImage = previewImage;
- exports.removeFileItem = removeFileItem;
- exports.updateFileList = updateFileList;
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
- function file2Obj(file) {
- return Object.assign(Object.assign({}, 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) {
- const nextFileList = (0, _toConsumableArray2.default)(fileList);
- const fileIndex = nextFileList.findIndex(({
- uid
- }) => uid === file.uid);
- if (fileIndex === -1) {
- nextFileList.push(file);
- } else {
- nextFileList[fileIndex] = file;
- }
- return nextFileList;
- }
- function getFileItem(file, fileList) {
- const matchKey = file.uid !== undefined ? 'uid' : 'name';
- return fileList.filter(item => item[matchKey] === file[matchKey])[0];
- }
- function removeFileItem(file, fileList) {
- const matchKey = file.uid !== undefined ? 'uid' : 'name';
- const removed = fileList.filter(item => item[matchKey] !== file[matchKey]);
- if (removed.length === fileList.length) {
- return null;
- }
- return removed;
- }
- // ==================== Default Image Preview ====================
- const extname = (url = '') => {
- const temp = url.split('/');
- const filename = temp[temp.length - 1];
- const filenameWithoutSuffix = filename.split(/#|\?/)[0];
- return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
- };
- const isImageFileType = type => type.indexOf('image/') === 0;
- const isImageUrl = file => {
- if (file.type && !file.thumbUrl) {
- return isImageFileType(file.type);
- }
- const url = file.thumbUrl || file.url || '';
- const extension = extname(url);
- if (/^data:image\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico|heic|heif)$/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;
- };
- exports.isImageUrl = isImageUrl;
- const MEASURE_SIZE = 200;
- function previewImage(file) {
- return new Promise(resolve => {
- if (!file.type || !isImageFileType(file.type)) {
- resolve('');
- return;
- }
- const canvas = document.createElement('canvas');
- canvas.width = MEASURE_SIZE;
- canvas.height = MEASURE_SIZE;
- canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE}px; height: ${MEASURE_SIZE}px; z-index: 9999; display: none;`;
- document.body.appendChild(canvas);
- const ctx = canvas.getContext('2d');
- const img = new Image();
- img.onload = () => {
- const {
- width,
- height
- } = img;
- let drawWidth = MEASURE_SIZE;
- let drawHeight = MEASURE_SIZE;
- let offsetX = 0;
- let 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);
- const dataURL = canvas.toDataURL();
- document.body.removeChild(canvas);
- window.URL.revokeObjectURL(img.src);
- resolve(dataURL);
- };
- img.crossOrigin = 'anonymous';
- if (file.type.startsWith('image/svg+xml')) {
- const reader = new FileReader();
- reader.onload = () => {
- if (reader.result && typeof reader.result === 'string') {
- img.src = reader.result;
- }
- };
- reader.readAsDataURL(file);
- } else if (file.type.startsWith('image/gif')) {
- const reader = new FileReader();
- reader.onload = () => {
- if (reader.result) {
- resolve(reader.result);
- }
- };
- reader.readAsDataURL(file);
- } else {
- img.src = window.URL.createObjectURL(file);
- }
- });
- }
|