zoukankan      html  css  js  c++  java
  • vue实现下载图片文件,将图片类型的文件下载到本地

    //下载文件,文件
    export function download(data,name) {
      if (!data) {
        return;
      }
      getUrlBase64(data).then((base64) => {
        let a = document.createElement("a");
        a.style.display = "none";
        a.download = name;
        a.href = base64;
        document.body.appendChild(a);
        a.click();
      });
    }
    export function getUrlBase64(url) {
      return new Promise((resolve) => {
        let canvas = document.createElement("canvas");
        let ctx = canvas.getContext("2d");
        let img = new Image();
        img.crossOrigin = "Anonymous"; //允许跨域
        img.src = url;
        img.onload = function () {
          canvas.height = 300;
          canvas.width = 300;
          ctx.drawImage(img, 0, 0, 300, 300);
          let dataURL = canvas.toDataURL("image/png");
          canvas = null;
          resolve(dataURL);
        };
      });
    }
  • 相关阅读:
    C博客作业--指针
    AI与PS
    Swagger介绍
    仪表板的应用
    弹窗使用
    产品经理
    原型设计
    关于标签的使用意义
    微服务架构
    hive建表导入数据
  • 原文地址:https://www.cnblogs.com/web-aqin/p/14665857.html
Copyright © 2011-2022 走看看