一、其他格式图片（如svg格式）转成png，jpg格式后再下载

借助canvas（原图可以是其他格式的，比如svg，按照下面这样写，下载以后就是png或者jpg 的）

downloadFile(fileUrl: any, fileName: any) {const image = new Image();image.setAttribute('crossOrigin', 'anonymous');    // 解决跨域 Canvas 污染问题image.onload = () => {const canvas = document.createElement('canvas');canvas.width = image.width;canvas.height = image.height;const context = canvas.getContext('2d');context.drawImage(image, 0, 0, image.width, image.height);const url = canvas.toDataURL('image/png'); // 得到图片的base64编码数据const a = document.createElement('a'); // 生成一个a元素const event = new MouseEvent('click'); // 创建一个单击事件a.download = fileName || 'photo'; // 设置图片名称a.href = url; // 将生成的URL设置为a.href属性a.dispatchEvent(event); // 触发a的单击事件};image.src = fileUrl;
}

fileUrl是图片地址，fileName是图片名字。

上面是下载png格式的图片，要想下载jpg格式的文件，需要把

const url = canvas.toDataURL(‘image/png’); 替换为

const url = canvas.toDataURL('image/jpeg '); 其他不变

注意：如果写了 image.setAttribute(‘crossOrigin’, ‘anonymous’); 这句以后，仍然报错跨域，就要看一下是否后端支持。需要服务器端支持，请求返回头部要有：Access-Control-Allow-Origin:*

二、下载txt文件

// ts中
downloadFile(fileName: any, sourceCode: any) { // sourceCode就是文件内容const a = document.createElement('a'); // 获取点击的a标签fileName = fileName + '.txt'; a.setAttribute('href','data:text/plain;charset=utf-8,' + encodeURIComponent(sourceCode)); // 给获取的标签添加属性a.setAttribute('download', fileName);if (document.createEvent) {const event = document.createEvent('MouseEvents');event.initEvent('click', true, true);a.dispatchEvent(event);} else {// 兼容IEa.click();}
}

三、直接下载图片

直接下载图片点我查看

前端把其他格式图片转成png，jpg格式后下载，下载txt文件相关推荐

Ubuntu 把 webp 格式图片转换成 jpeg/png 格式
据统计,目前互联网上传输的数据有65%都是图片,为了减少数据量.加速网络传输.谷歌(google)于2010年推出的新一代图片格式 -- WebP 格式. WebP 格式是一种旨在加快图片加载速度的图 ...
java如何把png转换成jpg_Java实现将png格式图片转换成jpg格式图片的方法【测试可用】...
Java实现将png格式图片转换成jpg格式图片的方法[测试可用] 发布于 2020-4-9| 复制链接摘记: 本文实例讲述了Java实现将png格式图片转换成jpg格式图片的方法.分享给大家供大家 ...
jpg格式电脑怎么弄_（常见问题）如何把HEIC格式图片转换成JPG格式？
原标题:(常见问题)如何把HEIC格式图片转换成JPG格式? 相信使用苹果手机的小伙伴们都知道,HEIC是苹果手机中的一种常见格式,那么有的小伙伴发现在电脑上根本打不开,那是怎么回事呢?其实就是格式的 ...
python修改文件格式为jpg_python将.ppm格式图片转换成.jpg格式文件的方法
python将.ppm格式图片转换成.jpg格式文件的方法将.ppm格式的图片转换成.jpg格式的图像,除了通过软件转换,还可以使用python脚本直接转换,so easy!!! from PIL ...
怎么将webp格式图片转换成jpg？三招快速完成！
怎么将webp格式图片转换成jpg?WebP是一种新型的图像格式,但目前并不被所有的浏览器和设备所支持.相比之下,JPG格式得到广泛支持,因此将WebP格式的图片转换为JPG格式可以确保图片在更多设备 ...
base64格式图片转换成二进制流并生成图片文件
1.base64格式图片转换成二进制流并生成图片文件 /*** 将base64格式的字符串转换成二进制流,并转换成图片*/ public boolean changeBase64ToImage(Str ...
前端转换图片格式前端将png格式图片转成jpg格式前端用使用canvas转换图片格式
在开发中,遇到这样一个需求.由于我们的照片是要下发到设备上,而我们的设备只支持jpg格式的图片.那么我们不能限制用户只选择jpg图片进行上传,这样用户体验极差. 解决方案:用canvas转换图片的格式 ...
使用python 批量将 HEIC格式图片转换成JPG或者PNG格式的图片
为了可以方便的查看和使用heic格式的照片,有时候我们需要将格式转换为jpeg或者是png, 通过运行以下python代码可以轻松的将图片格式进行转换, 输出的图片按照1,2,3--的顺序进行命名. ...
如何在matlab里批量将JPG格式图片转成MAT格式文件？
http://blog.csdn.net/yongjiankuang/article/details/72824081 考虑到很多人遇到图片转成.mat文件的需要,本文特此贴出一次性将多个文件夹下的图 ...

前端把其他格式图片转成png，jpg格式后下载，下载txt文件

文章目录

一、其他格式图片（如svg格式）转成png，jpg格式后再下载

二、下载txt文件

三、直接下载图片

前端把其他格式图片转成png，jpg格式后下载，下载txt文件相关推荐

最新文章

热门文章