zoukankan      html  css  js  c++  java
  • 通过路径下载图片

     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;
  • 相关阅读:
    PV、UV、GMV
    保存Hive查询结果的方法 insert overwrite 用法
    Hive substr 函数截取字符串
    HIVE中join、semi join、outer join
    Hive 差集运算
    gitlab和github区别
    前端工程化 ESlint 配置
    ES6 WeakMap Map 区别
    js 创建数组方法以及区别
    eslint for...in 报错处理
  • 原文地址:https://www.cnblogs.com/C-dashazi/p/14469616.html
Copyright © 2011-2022 走看看