前端如何处理手机上的 uc、qq 浏览器等下载后端传过来的二进制数据？

[waiaan]

后端传的是二进制数据，前端用

let data = res.data;
let url = window.URL.createObjectURL(new Blob([data],{type:someType));
let link = document.createElement("a");
link.href = url;
document.body.appendChild(link);
link.click();

手机上用 chrome 可以下载，用 qq、uc 等浏览器一直显示下载失败。

谢谢！

[LyleRockkk]

这个本来就有兼容性问题的，换方案吧

[free9fw]

试试我的方法 aHR0cDovL2Jsb2cuY3BlYXNlLmNvbS8yMDE5LzAyLzI2L0Rvd25sb2FkLWZpbGVzLWluLXdlY2hhdC8=

[tommyZZM]

可以考虑用用 File API

[wunonglin]

本明显他们不支持

[waiaan]

@free9fw 你这个不能处理二进制的吧？

[ysc3839]

试试用 data uri ？仍然不行的话就是那些浏览器的问题了。

[DOLLOR]

link.href = 'application/octet-stream;base64,文件的 BASE64 内容';
link.download = '文件名.扩展名';

[DOLLOR]

上面错了，改一下。
link.href = 'data:application/octet-stream;base64,文件的 BASE64 内容';
link.download = '文件名.扩展名';

[waiaan]

@DOLLOR
这个在手机 qq 和 uc 浏览器下能用吗？

[free9fw]

@waiaan 不用二进制，直接用你请求的 URL

[waiaan]

@free9fw
感谢解答，不过我请求的 url 还需要 post 传参的。

[waiaan]

@DOLLOR
测试了一下，都不行，下载失败。