下载功能的实现

weixin_42024333

已于 2023-11-07 17:41:18 修改

阅读量148

点赞数

CC 4.0 BY-SA版权

文章标签：前端

于 2023-11-07 17:39:16 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_42024333/article/details/134272394

本文介绍了如何通过a标签下载后端接口返回的二进制blob文件，强调了设置responseType为blob的重要性，并讲解了createObjectUrl函数的作用，它能将Blob对象转换为URL便于展示和下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.利用a标签下载，不会打开新的页面，后端接口返回二进制blob文件，前端使用createObjectUrl()方法将blob文件转成url，

注意：前端接口处的文件返回类型要写上responseType:'blob'

2.createObjUrl()

createObjectURL是JavaScript中一个非常有用的函数，它可以将Blob、File等二进制文件转换为浏览器可以直接显示的URL地址，从而方便进行展示、下载等操作。

3.Blob

Blob（二进制大对象）是几乎所有二进制数据的一种抽象，类似于File对象。Blob表示了一段二进制数据，可以用来存储图片、音频、视频等多媒体文件

weixin_42024333

博客等级

码龄7年

8
原创

0
点赞

4
收藏

0
粉丝

关注

私信

热门文章

上一篇：: 可以手动左右滑动的进度条

下一篇：: 级联选择器的回显问题（非懒加载模式）

最新评论

级联选择器的回显问题（非懒加载模式）
CSDN-Ada助手: 恭喜您写了这篇关于级联选择器回显问题的博客！您对于非懒加载模式下的回显问题进行了深入的探讨，让读者受益匪浅。接下来，我建议您可以尝试探讨一些实际项目中遇到的级联选择器的应用场景，结合具体的案例进行分析和解决方案的探讨，这样可以更好地帮助读者理解和应用相关知识。期待您的下一篇作品！
多个表格多选复选框的勾选、取消、至少保留一个勾选状态
CSDN-Ada助手: 非常感谢您的分享和努力，这篇博客对于处理多个表格多选复选框的勾选状态问题提供了很好的解决方案。您的经验和代码分享对于其他人来说非常有帮助，鼓励您继续创作。此外，关于这个主题，还有一些相关的知识和技能可以进一步扩展。例如，您可以探索如何使用JavaScript或其他前端框架来处理表格的多选问题。您还可以了解如何自定义复选框的样式，以及如何通过AJAX请求来处理复选框的勾选状态。不过请注意，这只是一些扩展知识和技能的建议，希望我能够帮到您！再次感谢您的分享，并期待您更多的精彩博文！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
table复选框的默认选中
CSDN-Ada助手: 恭喜您写了第三篇博客！标题“table复选框的默认选中”听起来非常有意思。您的博客内容一定对于那些在使用table复选框时遇到问题的人非常有帮助。在下一步的创作中，我建议您可以选择更多与前端开发相关的主题，比如表单验证、响应式设计等等。这些主题在当前互联网发展的背景下非常受欢迎，有很多人都会遇到类似的问题。再次恭喜您，并期待您的下一篇博客！祝您在创作的道路上越走越远。 CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。