我想在浏览器窗口中打开 Blob 对象。
此代码适用于除 iOS Chrome 之外的任何地方（当然还有 IE，但我可以解决 IE）。窗口不会重定向到 url（正确或至少与其他浏览器相同）。Chrome iOS 是否有任何已知的解决方法？
var blob = new window.Blob(['Hello, world!'], {type: 'text/plain;charset=utf-8'});
window.URL = window.URL || window.webkitURL;
var url = window.URL.createObjectURL(blob);
window.location.href = url;
我试过<a href="{blobUrl}>而不是，window.location.href但它也不起作用。
FileReader 解决了我的问题。
var reader = new FileReader();
var out = new Blob([this.response], {type: 'application/pdf'});
reader.onload = function(e){
window.location.href = reader.result;
}
reader.readAsDataURL(out);
FileReader.readAsBinaryString方法已被弃用。
有点晚了，但我不得不使用FileReader.readAsDataURL做类似的事情——它产生一个 dataUrl。我正在使用 AngularJS $http 服务调用 API 来创建 pdf。希望这有帮助，见下文：
$http.post('/api/pdf', {id: '123'}, {responseType: 'arraybuffer'})
.success(function (response) {
var blob = new Blob([response.data], {type: 'application/pdf'});
var reader = new FileReader();
reader.onloadend = function(e) {
$window.open(reader.result);
}
reader.readAsDataURL(blob);
});
我通过将内容类型从 application/json 更改为 application/octet-stream 来修复它。我的 xlsx 文件被下载为 json。
@PostMapping(value = "/export", 产生 = MediaType.APPLICATION_OCTET_STREAM_VALUE)
这些解决方案在 Safari 上都不适合我。我不得不在页面上创建一个链接。
const downloadBlob = (fileName, blob) => {
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.target = '_blank';
link.download = fileName;
document.body.appendChild(link);
link.click();
}
const blob = new Blob([data], { type: 'video/mp4' });
downloadBlob('myfile.mp4', blob)