admin管理员组

文章数量:1606452

介绍

最近跟后端调试接口时上传附件（包含img、xlsx）等文件类型，需要在下载到本地时展示原名称。

实现方法

首先需要在vue的methods内定义方法

downloadByBlob(row){
      let {name,cdn,type}= row; //获取数据信息
      if(type==1){     //图片
        let image = new Image(); //创建图片
        image.setAttribute('crossOrigin', 'anonymous'); //配置图片属性
        image.src = cdn
        image.onload = () => {
          let canvas = document.createElement('canvas')
          canvas.width = image.width
          canvas.height = image.height
          let ctx = canvas.getContext('2d')
          ctx.drawImage(image, 0, 0, image.width, image.height)
          canvas.toBlob((blob) => {
            let url = URL.createObjectURL(blob)
            this.download(url,name)
            // 用完释放URL对象
            U

本文标签： 文件vueurl

版权声明：本文标题：vue根据URL下载文件并重命名 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728498946a1160963.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。