js实现前端下载图片和文件资料
2023-12-29 18:30:45
说明:下载图片和文档资料是两种不同的方式,所以需要先判断下载的是图片还是word,excel等文件资料
目录
1.文件资料下载:
window.location.href = '文件路径';
handleClick(item) {
let fileSrc = `../../../data/${item.filepath}/${item.xzfilename}`;
let filename = item.filename;
let imgtype = ['png','jpg','jpeg','PNG','JPG','JPEG'];
if(imgtype.indexOf(item.filename.split('.')[1]) != -1){
debugger;
//图片类型下载方式
this.saveFileImg(fileSrc,filename);
}else{
debugger;
//文档类型
window.location.href = fileSrc;
}
},
2.图片资源下载
saveFileImg(data,filename){
var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
save_link.href = data;
save_link.download = filename;
var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
save_link.dispatchEvent(event);
},
文章来源:https://blog.csdn.net/qq_43080548/article/details/135295871
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!