base64Conver.ts 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /**
  2. * @description: base64 to blob
  3. */
  4. export function dataURLtoBlob(base64Buf: string): Blob {
  5. const arr = base64Buf.split(',');
  6. const typeItem = arr[0];
  7. const mime = typeItem.match(/:(.*?);/)![1];
  8. const bstr = atob(arr[1]);
  9. let n = bstr.length;
  10. const u8arr = new Uint8Array(n);
  11. while (n--) {
  12. u8arr[n] = bstr.charCodeAt(n);
  13. }
  14. return new Blob([u8arr], { type: mime });
  15. }
  16. /**
  17. * img url to base64
  18. * @param url
  19. */
  20. export function urlToBase64(url: string, mineType?: string): Promise<string> {
  21. return new Promise((resolve, reject) => {
  22. let canvas = document.createElement('CANVAS') as Nullable<HTMLCanvasElement>;
  23. const ctx = canvas!.getContext('2d');
  24. const img = new Image();
  25. img.crossOrigin = '';
  26. img.onload = function () {
  27. if (!canvas || !ctx) {
  28. return reject();
  29. }
  30. canvas.height = img.height;
  31. canvas.width = img.width;
  32. ctx.drawImage(img, 0, 0);
  33. const dataURL = canvas.toDataURL(mineType || 'image/png');
  34. canvas = null;
  35. resolve(dataURL);
  36. };
  37. img.src = url;
  38. });
  39. }