jQuery的ajax下载blob文件
作者：mrr 发布时间：2024-04-19 10:18:47
标签：jquery,ajax,blob,下载
乍一听有点蒙，之前用ng和react时也写过类似的功能，但是很顺利（所以忘记具体细节了）。jquery为啥会不行呢？看了一下具体场景，发现原来jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析了。
查了一下gg，发现国内的解决方案就是在该场景下不实用jq，而是自己手动创建XMLHttpRequest。虽然这个方法很可靠，但之前封装的jq的ajax就不能使用了。
查了查jq的文档，本打算自己根据jq提供的jQuery.ajaxSetup()接口来拓展数据类型，但怎么都搞不定。后来，在github上找到了一个大牛封装好的jq插件。
然后我们就可以这么写了：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>blob demo</title>
</head>
<body>
<img id="img" src="" />
<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.js" charset="utf-8"></script>
<script src="jquery-ajax-blob-arraybuffer.js"></script>
<script type="text/javascript">
$.ajax({
url: "./face.jpg",
type: "get",
dataType: "blob", //扩展出了blob类型
}).done(function(data, status, jqXHR){
var reader = new window.FileReader();
reader.readAsDataURL(data);
reader.onloadend = function() {
document.getElementById("img").src=reader.result;
}
}).fail(function(jqXHR, textStatus) {
console.warn(textStatus);
});
</script>
</body>
</html>
不过，从该插件的源码上来看，它也是手动构建了一个XMLHttpRequest对象来发送ajax，不过兼容性可能会成为问题。想深究的可以看这里。
以上所述是小编给大家介绍的jQuery的ajax下载blob文件 网站的支持！
0
投稿猜你喜欢
- 在JavaScript的世界里，定义函数的方法多种多样，这正是JavaScript灵活性的体现，但是正是这个原因让初学者摸不着头脑，尤其对于
- 本文实例讲述了Django框架模板语言。分享给大家供大家参考，具体如下：模板语言模板语言简称为DTL（Django Template Lan
- python的其中一个强大之处就是它可以方便的集成很多的非标准库，今天在GitHub上溜达又发现了一个脏话处理神器，导入better_pro
- 主要逻辑是判断文件的最后修改时间与创建时间是否在秒级别上一致，此代码适用于Python 2.import timeimport os#Rea
- 1. 题目编写程序， 4名牌手打牌，计算机随机将52张牌（不含大小鬼）发给4名牌手，在屏幕上显示每位牌手的牌。提示：设计出3个类：Card类
- 本文实例讲述了Django发送html邮件的方法。分享给大家供大家参考。具体如下：在Django中，发送邮件非常的方便，一直没有时间，今天来
- CREATE PROCEDURE page @tblName varchar(255), -- 表名 @strGetFields varch
- python 中sorted与sort有什么区别sort(cmp=None, key=None, reverse=False)sorted(
- 一、背景 简单的写个.exe程序，没必要去学习mfc、c++等，可以学习python。python可以轻易的调用windows的api，轻松
- 本文实例解析Python SqlAlchemy的使用方法，分享给大家供大家参考，具体内容如下1.初始化连接from sqlalchemy i
- Web标准的web UI——来源、谬误与个人理解序我从2004年末开始接触web标准，2005年5月正式采取完全的web标准方式的网页制作，
- 在Python操作数据内容时，多数情况下可能遇到下面3种类型的数据处理：hexstring 如：'1C532145697A8B6F&
前言SQLSERVER 2005中不知因何去掉了很重要的DEBUGGER功能，要调试，必须要安装VS2005专业版或者更高版本。非常不方便。- calccalc 是一个我们想要做剖析（性能分析）的异步函数。按照惯例，它的最后一个参数是一个callback。我们像这样使用 calc：c
- str_replace — 子字符串替换 [str_replace]mixed str_replace ( mixed
- 本文以实例形式分析了Python多进程编程技术，有助于进一步Python程序设计技巧。分享给大家供大家参考。具体分析如下：一般来说，由于Py
- 除了数字，Python中最常见的数据类型就是字符串，无论那种编程语言，字符串无处不在。例如，从用户哪里读取字符串，并将字符串打印到屏幕显示出
- 今天，跟大家聊聊gin框架中是如何实现分片输出的。主要分以下4点：分片输出的效果图gin实现分片传输代码http分片传输的基础：transf
- 1、标识符由字符(A~Z和a~z)、下划线和数字组成，但第一个字符不能是数字。2、保留字符不能与标识符相同。3、不能包含空格、@、％和$等特
- 1 InnoDB页的概念InnoDB是一个将表中的数据存储在磁盘上的存储引擎，即使我们关闭并重启服务器，数据还是存在。而真正处理数据的过程发
