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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2251 days ago, the information mentioned may be changed or developed.

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

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 等浏览器一直显示下载失败。

谢谢！

Data

二进制

Let

eate

12 replies • 2020-03-03 11:25:08 +08:00

LyleRockkk

Mar 2, 2020

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

free9fw

Mar 2, 2020

试试我的方法 aHR0cDovL2Jsb2cuY3BlYXNlLmNvbS8yMDE5LzAyLzI2L0Rvd25sb2FkLWZpbGVzLWluLXdlY2hhdC8=

tommyZZM

Mar 2, 2020

可以考虑用用 File API

shakaraka

PRO

Mar 2, 2020

本明显他们不支持

waiaan

Mar 2, 2020

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

ysc3839

Mar 2, 2020 via Android

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

AV1

Mar 2, 2020

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

AV1

Mar 2, 2020

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

waiaan

Mar 3, 2020

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

free9fw

Mar 3, 2020

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

waiaan

Mar 3, 2020

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

waiaan

Mar 3, 2020

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