ajax 提交 blob,使用jQuery的Ajax方法作为BLOB检索图像

您不能使用jQueryAjax，而是使用原生XMLHttpRequest。var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){

if (this.readyState == 4 && this.status == 200){

//this.response is what you're looking for

handler(this.response);

console.log(this.response, typeof this.response);

var img = document.getElementById('img');

var url = window.URL || window.webkitURL;

img.src = url.createObjectURL(this.response);

}}xhr.open('GET', 'http://jsfiddle.net/img/logo.png');xhr.responseType = 'blob';xhr.send();

编辑

因此，重新讨论这个主题，使用jQuery 3似乎确实是可行的。

jQuery.ajax({

url:'https://images.unsplash.com/photo-1465101108990-e5eac17cf76d?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ%3D%3D&s=471ae675a6140db97fea32b55781479e',

cache:false,

xhr:function(){// Seems like the only way to get access to the xhr object

var xhr = new XMLHttpRequest();

xhr.responseType= 'blob'

return xhr;

success: function(data){

var img = document.getElementById('img');

var url = window.URL || window.webkitURL;

img.src = url.createObjectURL(data);

error:function(){

}

});

或

使用xhrfield设置ResponseType

jQuery.ajax({

url:'https://images.unsplash.com/photo-1465101108990-e5eac17cf76d?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ%3D%3D&s=471ae675a6140db97fea32b55781479e',

cache:false,

xhrFields:{

responseType: 'blob'

success: function(data){

var img = document.getElementById('img');

var url = window.URL || window.webkitURL;

img.src = url.createObjectURL(data);

error:function(){

}

});

ajax 提交 blob,使用jQuery的Ajax方法作为BLOB检索图像相关推荐

form通过ajax提交表单,Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
ajax的同步,设置JQuery的Ajax方法同步
如何设置jquery的ajax方法为同步 jax请求默认的都是异步的如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "so ...
form表单提交以及用Jquery实现ajax提交form表单
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交,每一个input标签都 ...
ajax post提交数组6,jQuery的ajax()、post()方法提交数组，参数[] 问题
当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收. 比如: $.ajax({ type: "POST", u ...
ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法
方法1:使用ajaxStart方法定义一个全局的"加载中..."提示 $(function(){ $("#loading").ajaxStart(functio ...
Jquery 之ajax 提交form表单数据的方法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.form表单提交数组数据 1.jquery提交form表单 2.引入jquery.form.js 总结前言 &l ...
html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法
本文实例讲述了JSP+jQuery使用Ajax方式调用JSON的实现方法,在这里分享给大家以供大家参考,具体的实现以及代码如下所示: 前台: //test function test(uid) { i ...
ajax提交form表单到php,ajax如何提交form表单数据？ajax提交form表单数据的方法介绍...
对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...
jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
java接口支持ajax,【JavaWeb】jQuery对Ajax的支持
jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法语法:$.ajax(options) 常用设置项说明 url 发送请求地址 type 请求类型get|pos ...

ajax 提交 blob,使用jQuery的Ajax方法作为BLOB检索图像

ajax 提交 blob,使用jQuery的Ajax方法作为BLOB检索图像相关推荐

最新文章

热门文章