最近在h5出现几个莫名其妙的问题h5不能用a标签直接下载到本地, 百度的来的方法其实并不管用,只能用来预览,并不能真实的去下载,研究了很久发现uniapp可以吧网络图片下载下来然后存一个临时地址,再保存到电脑上是可行的。
//下载图片到本地
download(){
uni.downloadFile({
url: "https://th.bing.com/th/id/OIP.lrkALRoDLK_yDtyFkoTW-gHaEK", //仅为示例,并非真实的资源
success: (res) => {
console.log(res)
if (res.statusCode === 200) {
console.log('下载成功');
var oA = document.createElement("a");
oA.download = ''; // 设置下载的文件名,默认是'下载'
oA.href = res.tempFilePath; //临时路径再保存到本地
document.body.appendChild(oA);
oA.click();
oA.remove(); // 下载之后把创建的元素删除
}
}
});
}