base64.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. let base64url = '';
  2. let base64 = {
  3. imageUrlToBase64,
  4. getBase64Image,
  5. getbase64url
  6. }
  7. function imageUrlToBase64(base) {
  8. // console.log(base,1);
  9. var that =this
  10. let imgUrl = base;
  11. var img = document.createElement('img');
  12. img.src = imgUrl;
  13. //设置图片跨域访问
  14. img.crossOrigin = 'anonymous',
  15. // console.log(img);
  16. img.onload = function () {
  17. var dataImg = that.getBase64Image(img);
  18. var img1 = document.createElement('img');
  19. var imgInsert = document.getElementById('imgInsert')
  20. img1.src = dataImg;
  21. document.body.appendChild(img1);
  22. console.log(dataImg);
  23. base64url = dataImg;
  24. }
  25. }
  26. function getbase64url(){
  27. return base64url;
  28. }
  29. function getBase64Image(img) {
  30. // console.log(img);
  31. var canvas = document.createElement("canvas");
  32. console.log(canvas);
  33. canvas.width = img.width;
  34. canvas.height = img.height;
  35. var ctx = canvas.getContext("2d");
  36. ctx.drawImage(img, 0, 0, img.width, img.height);
  37. var dataURL = canvas.toDataURL("image/png");
  38. // console.log(dataURL);
  39. return dataURL
  40. }
  41. module.exports = base64