首页 > 其他 > 详细

通过路径下载图片

时间:2021-03-02 20:15:55      阅读:23      评论:0      收藏:0      [点我收藏+]
 let src =
        "http://tiebapic.baidu.com/forum/w%3D580/sign=547bdfe1143b5bb5bed720f606d2d523/5205e7cd7b899e5173fce45e55a7d933c9950d0d.jpg";
      var canvas = document.createElement("canvas");
      var img = document.createElement("img");
      img.onload = function (e) {
        canvas.width = img.width;
        canvas.height = img.height;
        var context = canvas.getContext("2d");
        context.drawImage(img, 0, 0, img.width, img.height);
        // window.navigator.msSaveBlob(canvas.msToBlob(),‘image.jpg‘);
        // saveAs(imageDataUrl, ‘附件‘);
        canvas.getContext("2d").drawImage(img, 0, 0, img.width, img.height);
        canvas.toBlob((blob) => {
          let link = document.createElement("a");
          link.href = window.URL.createObjectURL(blob);
          link.download = "aaa";
          link.click();
        }, "image/jpeg");
        // context.toBlob(function(blob) {
        // console.log(‘blob :‘, blob);

        // let link = document.createElement(‘a‘);
        // link.href = window.URL.createObjectURL(blob);
        // link.download = ‘aaa‘;
        // }, "image/jpeg");
      };
      img.setAttribute("crossOrigin", "Anonymous");
      img.src = src;

通过路径下载图片

原文:https://www.cnblogs.com/C-dashazi/p/14469616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!