移动端下载踩坑之路

256 阅读1分钟

背景

pc端需要扫码跳转到移动端的h5页面进行下载文档

开发中问题

1.使用a标签,在微信里打开链接下载时,发现点击后直接打开预览了

let url = "https://upload.xxxxxxxxxxxxxxxx.docx";
let a = document.createElement('a');
a.download = 'xxx.docx';
a.href = url;
a.target = '_blank';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);

寻找解决方案

原以为这里有什么坑,所以就各种查资料,后来发现微信禁止了下载,点击下载按钮直接就打开预览了,所以本人目前的解决办法是在下载页面写引导说明,引导用户在浏览器打开,这也算一个折中的解决办法吧。

写在最后

如果大家有更好的解决办法,欢迎留言告知,前端进阶之路,大家一起交流进步,谢谢😁