86 lines
2.2 KiB
TypeScript
86 lines
2.2 KiB
TypeScript
|
/**
|
|||
|
|
* @description: base64 to blob
|
|||
|
|
*/
|
|||
|
|
export function dataURLtoBlob(base64Buf: string): Blob {
|
|||
|
|
const arr = base64Buf.split(',');
|
|||
|
|
const typeItem = arr[0];
|
|||
|
|
const mime = typeItem.match(/:(.*?);/)![1];
|
|||
|
|
const bstr = window.atob(arr[1]);
|
|||
|
|
let n = bstr.length;
|
|||
|
|
const u8arr = new Uint8Array(n);
|
|||
|
|
while (n--) {
|
|||
|
|
u8arr[n] = bstr.charCodeAt(n);
|
|||
|
|
}
|
|||
|
|
return new Blob([u8arr], { type: mime });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* img url to base64
|
|||
|
|
* @param url
|
|||
|
|
*/
|
|||
|
|
export function urlToBase64(url: string, mineType?: string): Promise<string> {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
let canvas = document.createElement('CANVAS') as Nullable<HTMLCanvasElement>;
|
|||
|
|
const ctx = canvas!.getContext('2d');
|
|||
|
|
|
|||
|
|
const img = new Image();
|
|||
|
|
img.crossOrigin = '';
|
|||
|
|
img.onload = function () {
|
|||
|
|
if (!canvas || !ctx) {
|
|||
|
|
return reject();
|
|||
|
|
}
|
|||
|
|
canvas.height = img.height;
|
|||
|
|
canvas.width = img.width;
|
|||
|
|
ctx.drawImage(img, 0, 0);
|
|||
|
|
const dataURL = canvas.toDataURL(mineType || 'image/png');
|
|||
|
|
canvas = null;
|
|||
|
|
resolve(dataURL);
|
|||
|
|
};
|
|||
|
|
img.src = url;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* File转Base64
|
|||
|
|
* @param file
|
|||
|
|
*/
|
|||
|
|
export function fileToBase64(file: Blob) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
const reader = new FileReader();
|
|||
|
|
reader.readAsDataURL(file);
|
|||
|
|
reader.onload = () => resolve(reader.result);
|
|||
|
|
reader.onerror = (error) => reject(error);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Base64转File
|
|||
|
|
* @param dataURL {String} base64
|
|||
|
|
* @param fileName {String} 文件名
|
|||
|
|
* @param mimeType {String} [可选]文件类型，默认为base64中的类型
|
|||
|
|
* @returns {File}
|
|||
|
|
*/
|
|||
|
|
export function base64ToFile(dataURL: string, fileName: string, mimeType = null) {
|
|||
|
|
var arr = dataURL.split(',');
|
|||
|
|
var defaultMimeType = arr[0].match(/:(.*?);/)[1];
|
|||
|
|
var bStr = atob(arr[1]);
|
|||
|
|
let n = bStr.length;
|
|||
|
|
var u8arr = new Uint8Array(n);
|
|||
|
|
while (n--) {
|
|||
|
|
u8arr[n] = bStr.charCodeAt(n);
|
|||
|
|
}
|
|||
|
|
return new File([u8arr], fileName, { type: mimeType || defaultMimeType });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Blob转File
|
|||
|
|
* @param blob {Blob} blob
|
|||
|
|
* @param fileName {String} 文件名
|
|||
|
|
* @param mimeType {String} 文件类型
|
|||
|
|
* @return {File}
|
|||
|
|
*/
|
|||
|
|
export function blobToFile(blob: Blob, fileName: string, mimeType?: string) {
|
|||
|
|
if (mimeType == null) mimeType = blob.type;
|
|||
|
|
return new File([blob], fileName, { type: mimeType });
|
|||
|
|
}
|