utils.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.file2Obj = file2Obj;
  7. exports.getFileItem = getFileItem;
  8. exports.isImageUrl = void 0;
  9. exports.previewImage = previewImage;
  10. exports.removeFileItem = removeFileItem;
  11. exports.updateFileList = updateFileList;
  12. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  13. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  14. function file2Obj(file) {
  15. return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, file), {}, {
  16. lastModified: file.lastModified,
  17. lastModifiedDate: file.lastModifiedDate,
  18. name: file.name,
  19. size: file.size,
  20. type: file.type,
  21. uid: file.uid,
  22. percent: 0,
  23. originFileObj: file
  24. });
  25. }
  26. /** Upload fileList. Replace file if exist or just push into it. */
  27. function updateFileList(file, fileList) {
  28. var nextFileList = (0, _toConsumableArray2.default)(fileList);
  29. var fileIndex = nextFileList.findIndex(function (_ref) {
  30. var uid = _ref.uid;
  31. return uid === file.uid;
  32. });
  33. if (fileIndex === -1) {
  34. nextFileList.push(file);
  35. } else {
  36. nextFileList[fileIndex] = file;
  37. }
  38. return nextFileList;
  39. }
  40. function getFileItem(file, fileList) {
  41. var matchKey = file.uid !== undefined ? 'uid' : 'name';
  42. return fileList.filter(function (item) {
  43. return item[matchKey] === file[matchKey];
  44. })[0];
  45. }
  46. function removeFileItem(file, fileList) {
  47. var matchKey = file.uid !== undefined ? 'uid' : 'name';
  48. var removed = fileList.filter(function (item) {
  49. return item[matchKey] !== file[matchKey];
  50. });
  51. if (removed.length === fileList.length) {
  52. return null;
  53. }
  54. return removed;
  55. }
  56. // ==================== Default Image Preview ====================
  57. var extname = function extname() {
  58. var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
  59. var temp = url.split('/');
  60. var filename = temp[temp.length - 1];
  61. var filenameWithoutSuffix = filename.split(/#|\?/)[0];
  62. return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
  63. };
  64. var isImageFileType = function isImageFileType(type) {
  65. return type.indexOf('image/') === 0;
  66. };
  67. var isImageUrl = function isImageUrl(file) {
  68. if (file.type && !file.thumbUrl) {
  69. return isImageFileType(file.type);
  70. }
  71. var url = file.thumbUrl || file.url || '';
  72. var extension = extname(url);
  73. if (/^data:image\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i.test(extension)) {
  74. return true;
  75. }
  76. if (/^data:/.test(url)) {
  77. // other file types of base64
  78. return false;
  79. }
  80. if (extension) {
  81. // other file types which have extension
  82. return false;
  83. }
  84. return true;
  85. };
  86. exports.isImageUrl = isImageUrl;
  87. var MEASURE_SIZE = 200;
  88. function previewImage(file) {
  89. return new Promise(function (resolve) {
  90. if (!file.type || !isImageFileType(file.type)) {
  91. resolve('');
  92. return;
  93. }
  94. var canvas = document.createElement('canvas');
  95. canvas.width = MEASURE_SIZE;
  96. canvas.height = MEASURE_SIZE;
  97. canvas.style.cssText = "position: fixed; left: 0; top: 0; width: ".concat(MEASURE_SIZE, "px; height: ").concat(MEASURE_SIZE, "px; z-index: 9999; display: none;");
  98. document.body.appendChild(canvas);
  99. var ctx = canvas.getContext('2d');
  100. var img = new Image();
  101. img.onload = function () {
  102. var width = img.width,
  103. height = img.height;
  104. var drawWidth = MEASURE_SIZE;
  105. var drawHeight = MEASURE_SIZE;
  106. var offsetX = 0;
  107. var offsetY = 0;
  108. if (width > height) {
  109. drawHeight = height * (MEASURE_SIZE / width);
  110. offsetY = -(drawHeight - drawWidth) / 2;
  111. } else {
  112. drawWidth = width * (MEASURE_SIZE / height);
  113. offsetX = -(drawWidth - drawHeight) / 2;
  114. }
  115. ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight);
  116. var dataURL = canvas.toDataURL();
  117. document.body.removeChild(canvas);
  118. resolve(dataURL);
  119. };
  120. img.src = window.URL.createObjectURL(file);
  121. });
  122. }