通过fetch下载文件、音视频、图片

news2026/3/14 22:03:04

项目需要下载文件后端接口返回的是文件的url地址不是文件流问题直接通过a标签下载文件若是接口返回音视频链接点击下载则是直接打开播放不会下载解决使用fetch 请求文件并将其下载到本地fetch会返回一个Promiseurl 可以是相对路径或者完整的 url 地址//下载download(name,url){// 使用 fetch 来获取文件并下载fetch(url).then((response){if(response.ok){returnresponse.blob();// 如果请求成功转换为 Blob 数据}else{thrownewError(文件下载失败);}}).then((blob){constlinkdocument.createElement(a);link.hrefURL.createObjectURL(blob);// 创建一个对象 URLlink.downloadname;// 设置文件名document.body.appendChild(link);link.click();link.remove();// 下载后移除链接}).catch((error){console.error(文件下载失败,error);// 处理任何错误});}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2412502.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！