utils.js 3.9 KB

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