utils.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. var __assign = (this && this.__assign) || function () {
  2. __assign = Object.assign || function(t) {
  3. for (var s, i = 1, n = arguments.length; i < n; i++) {
  4. s = arguments[i];
  5. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
  6. t[p] = s[p];
  7. }
  8. return t;
  9. };
  10. return __assign.apply(this, arguments);
  11. };
  12. var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
  13. function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
  14. return new (P || (P = Promise))(function (resolve, reject) {
  15. function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
  16. function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
  17. function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
  18. step((generator = generator.apply(thisArg, _arguments || [])).next());
  19. });
  20. };
  21. var __generator = (this && this.__generator) || function (thisArg, body) {
  22. var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
  23. return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
  24. function verb(n) { return function (v) { return step([n, v]); }; }
  25. function step(op) {
  26. if (f) throw new TypeError("Generator is already executing.");
  27. while (_) try {
  28. if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
  29. if (y = 0, t) op = [op[0] & 2, t.value];
  30. switch (op[0]) {
  31. case 0: case 1: t = op; break;
  32. case 4: _.label++; return { value: op[1], done: false };
  33. case 5: _.label++; y = op[1]; op = [0]; continue;
  34. case 7: op = _.ops.pop(); _.trys.pop(); continue;
  35. default:
  36. if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
  37. if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
  38. if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
  39. if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
  40. if (t[2]) _.ops.pop();
  41. _.trys.pop(); continue;
  42. }
  43. op = body.call(thisArg, _);
  44. } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
  45. if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
  46. }
  47. };
  48. import SparkMD5 from 'spark-md5';
  49. import { urlSafeBase64Decode } from './base64';
  50. export var MB = Math.pow(1024, 2);
  51. // 文件分块
  52. export function getChunks(file, blockSize) {
  53. var chunkByteSize = blockSize * MB; // 转换为字节
  54. // 如果 chunkByteSize 比文件大,则直接取文件的大小
  55. if (chunkByteSize > file.size) {
  56. chunkByteSize = file.size;
  57. }
  58. else {
  59. // 因为最多 10000 chunk,所以如果 chunkSize 不符合则把每片 chunk 大小扩大两倍
  60. while (file.size > chunkByteSize * 10000) {
  61. chunkByteSize *= 2;
  62. }
  63. }
  64. var chunks = [];
  65. var count = Math.ceil(file.size / chunkByteSize);
  66. for (var i = 0; i < count; i++) {
  67. var chunk = file.slice(chunkByteSize * i, i === count - 1 ? file.size : chunkByteSize * (i + 1));
  68. chunks.push(chunk);
  69. }
  70. return chunks;
  71. }
  72. export function isMetaDataValid(params) {
  73. return Object.keys(params).every(function (key) { return key.indexOf('x-qn-meta-') === 0; });
  74. }
  75. export function isCustomVarsValid(params) {
  76. return Object.keys(params).every(function (key) { return key.indexOf('x:') === 0; });
  77. }
  78. export function sum(list) {
  79. return list.reduce(function (data, loaded) { return data + loaded; }, 0);
  80. }
  81. export function setLocalFileInfo(localKey, info) {
  82. try {
  83. localStorage.setItem(localKey, JSON.stringify(info));
  84. }
  85. catch (err) {
  86. throw new Error("setLocalFileInfo failed: " + localKey);
  87. }
  88. }
  89. export function createLocalKey(name, key, size) {
  90. var localKey = key == null ? '_' : "_key_" + key + "_";
  91. return "qiniu_js_sdk_upload_file_name_" + name + localKey + "size_" + size;
  92. }
  93. export function removeLocalFileInfo(localKey) {
  94. try {
  95. localStorage.removeItem(localKey);
  96. }
  97. catch (err) {
  98. throw new Error("removeLocalFileInfo failed. key: " + localKey);
  99. }
  100. }
  101. export function getLocalFileInfo(localKey) {
  102. var localInfoString = null;
  103. try {
  104. localInfoString = localStorage.getItem(localKey);
  105. }
  106. catch (_a) {
  107. throw new Error("getLocalFileInfo failed. key: " + localKey);
  108. }
  109. if (localInfoString == null) {
  110. return null;
  111. }
  112. var localInfo = null;
  113. try {
  114. localInfo = JSON.parse(localInfoString);
  115. }
  116. catch (_b) {
  117. // 本地信息已被破坏,直接删除
  118. removeLocalFileInfo(localKey);
  119. throw new Error("getLocalFileInfo failed to parse. key: " + localKey);
  120. }
  121. return localInfo;
  122. }
  123. export function getAuthHeaders(token) {
  124. var auth = 'UpToken ' + token;
  125. return { Authorization: auth };
  126. }
  127. export function getHeadersForChunkUpload(token) {
  128. var header = getAuthHeaders(token);
  129. return __assign({ 'content-type': 'application/octet-stream' }, header);
  130. }
  131. export function getHeadersForMkFile(token) {
  132. var header = getAuthHeaders(token);
  133. return __assign({ 'content-type': 'application/json' }, header);
  134. }
  135. export function createXHR() {
  136. if (window.XMLHttpRequest) {
  137. return new XMLHttpRequest();
  138. }
  139. return window.ActiveXObject('Microsoft.XMLHTTP');
  140. }
  141. export function computeMd5(data) {
  142. return __awaiter(this, void 0, void 0, function () {
  143. var buffer, spark;
  144. return __generator(this, function (_a) {
  145. switch (_a.label) {
  146. case 0: return [4 /*yield*/, readAsArrayBuffer(data)];
  147. case 1:
  148. buffer = _a.sent();
  149. spark = new SparkMD5.ArrayBuffer();
  150. spark.append(buffer);
  151. return [2 /*return*/, spark.end()];
  152. }
  153. });
  154. });
  155. }
  156. export function readAsArrayBuffer(data) {
  157. return new Promise(function (resolve, reject) {
  158. var reader = new FileReader();
  159. // evt 类型目前存在问题 https://github.com/Microsoft/TypeScript/issues/4163
  160. reader.onload = function (evt) {
  161. if (evt.target) {
  162. var body = evt.target.result;
  163. resolve(body);
  164. }
  165. else {
  166. reject(new Error('progress event target is undefined'));
  167. }
  168. };
  169. reader.onerror = function () {
  170. reject(new Error('fileReader read failed'));
  171. };
  172. reader.readAsArrayBuffer(data);
  173. });
  174. }
  175. export function request(url, options) {
  176. return new Promise(function (resolve, reject) {
  177. var xhr = createXHR();
  178. xhr.open(options.method, url);
  179. if (options.onCreate) {
  180. options.onCreate(xhr);
  181. }
  182. if (options.headers) {
  183. var headers_1 = options.headers;
  184. Object.keys(headers_1).forEach(function (k) {
  185. xhr.setRequestHeader(k, headers_1[k]);
  186. });
  187. }
  188. xhr.upload.addEventListener('progress', function (evt) {
  189. if (evt.lengthComputable && options.onProgress) {
  190. options.onProgress({
  191. loaded: evt.loaded,
  192. total: evt.total
  193. });
  194. }
  195. });
  196. xhr.onreadystatechange = function () {
  197. var responseText = xhr.responseText;
  198. if (xhr.readyState !== 4) {
  199. return;
  200. }
  201. var reqId = xhr.getResponseHeader('x-reqId') || '';
  202. if (xhr.status !== 200) {
  203. var message = "xhr request failed, code: " + xhr.status;
  204. if (responseText) {
  205. message += " response: " + responseText;
  206. }
  207. reject({
  208. code: xhr.status,
  209. message: message,
  210. reqId: reqId,
  211. isRequestError: true
  212. });
  213. return;
  214. }
  215. try {
  216. resolve({
  217. data: JSON.parse(responseText),
  218. reqId: reqId
  219. });
  220. }
  221. catch (err) {
  222. reject(err);
  223. }
  224. };
  225. xhr.send(options.body);
  226. });
  227. }
  228. export function getPortFromUrl(url) {
  229. if (url && url.match) {
  230. var groups = url.match(/(^https?)/);
  231. if (!groups) {
  232. return '';
  233. }
  234. var type = groups[1];
  235. groups = url.match(/^https?:\/\/([^:^/]*):(\d*)/);
  236. if (groups) {
  237. return groups[2];
  238. }
  239. if (type === 'http') {
  240. return '80';
  241. }
  242. return '443';
  243. }
  244. return '';
  245. }
  246. export function getDomainFromUrl(url) {
  247. if (url && url.match) {
  248. var groups = url.match(/^https?:\/\/([^:^/]*)/);
  249. return groups ? groups[1] : '';
  250. }
  251. return '';
  252. }
  253. export function getPutPolicy(token) {
  254. var segments = token.split(':');
  255. // token 构造的差异参考:https://github.com/qbox/product/blob/master/kodo/auths/UpToken.md#admin-uptoken-authorization
  256. var ak = segments.length > 3 ? segments[1] : segments[0];
  257. var putPolicy = JSON.parse(urlSafeBase64Decode(segments[segments.length - 1]));
  258. return {
  259. ak: ak,
  260. bucket: putPolicy.scope.split(':')[0]
  261. };
  262. }
  263. export function createObjectURL(file) {
  264. var URL = window.URL || window.webkitURL || window.mozURL;
  265. return URL.createObjectURL(file);
  266. }
  267. export function getTransform(image, orientation) {
  268. var width = image.width, height = image.height;
  269. switch (orientation) {
  270. case 1:
  271. // default
  272. return {
  273. width: width,
  274. height: height,
  275. matrix: [1, 0, 0, 1, 0, 0]
  276. };
  277. case 2:
  278. // horizontal flip
  279. return {
  280. width: width,
  281. height: height,
  282. matrix: [-1, 0, 0, 1, width, 0]
  283. };
  284. case 3:
  285. // 180° rotated
  286. return {
  287. width: width,
  288. height: height,
  289. matrix: [-1, 0, 0, -1, width, height]
  290. };
  291. case 4:
  292. // vertical flip
  293. return {
  294. width: width,
  295. height: height,
  296. matrix: [1, 0, 0, -1, 0, height]
  297. };
  298. case 5:
  299. // vertical flip + -90° rotated
  300. return {
  301. width: height,
  302. height: width,
  303. matrix: [0, 1, 1, 0, 0, 0]
  304. };
  305. case 6:
  306. // -90° rotated
  307. return {
  308. width: height,
  309. height: width,
  310. matrix: [0, 1, -1, 0, height, 0]
  311. };
  312. case 7:
  313. // horizontal flip + -90° rotate
  314. return {
  315. width: height,
  316. height: width,
  317. matrix: [0, -1, -1, 0, height, width]
  318. };
  319. case 8:
  320. // 90° rotated
  321. return {
  322. width: height,
  323. height: width,
  324. matrix: [0, -1, 1, 0, 0, width]
  325. };
  326. default:
  327. throw new Error("orientation " + orientation + " is unavailable");
  328. }
  329. }
  330. //# sourceMappingURL=utils.js.map