ajax img src如何索引,使用jQuery的ajax方法作为blob检索图像
小编典典
您不能使用jQuery ajax来执行此操作,而是使用本机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(){
}
});
要么
使用xhrFields设置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(){
}
});
2020-04-25
ajax img src如何索引,使用jQuery的ajax方法作为blob检索图像相关推荐
- ajax 提交 blob,使用jQuery的Ajax方法作为BLOB检索图像
您不能使用jQueryAjax,而是使用原生XMLHttpRequest.var xhr = new XMLHttpRequest();xhr.onreadystatechange = functio ...
- html form通过ajax提交表单提交数据,Jquery通过Ajax方式来提交Form表单的具体实现
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
- ajax前台转换json数据库,基于jQuery的ajax功能实现web service的json转化
不过这篇文章的题目我真不知道该怎么起,如果你因为这个差劲的题目错过这个东西,那真的很可惜. 我在做这个东西之前参考了不少文章: 第一步需要做的是如何在Server端把一个datatable转坏为自己需 ...
- ajax 请求成功 再执行javascript,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...
- 用ajax修改成功怎么返回页面,jquery操作ajax返回的页面元素
这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历 ...
- ajax获取数据添加到表格,Jquery通过AJAX从后台获取数据显示在表格上(复选)
代码: function GetMultiLineSelectTable(tableId, selectIds) { var table = $(tableId); var url = table.d ...
- ajax 获取用户ip地址,利用jQuery实现Ajax获取当前IP地区位置代码
特效描述:利用jQuery实现 Ajax 获取当前IP 地区位置代码.利用jQuery实现Ajax获取当前IP和地区位置代码 代码结构 1. 引入JS 2. HTML代码 AJAX检测ip和地区 $( ...
- ajax php加载列表实例,jQuery+PHP+ajax实现加载更多内容列表
我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文我 ...
- ajax校验用户名可用吗,基于jQuery实现Ajax验证用户名是否可用实例
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下 HTML Insert title here //页面加载完成后 $(function() ...
最新文章
- Objective-C学习笔记(十九)——对象方法和类方法的相互调用
- 深度有趣 | 22 天马行空的DeepDream
- eclipse导出jar包
- 【收藏】QGIS加载xyz格式地图(以高德影像图和路网为例)
- java ftpclient API上传下载文件,不支持中文
- 一台CentOS云主机更改源的记录
- (三)cmockery中的消息打印以及可变参数相关总结
- java运行环境配置实验报告_java程序开发运行环境实验报告.doc
- 近期币圈与美股的相关性
- pc端MNIST数据集pytorch模型CNN网络转换为onnx部署树莓派4B和神经棒NCS2(使用openvino2021框架)
- 树莓派3B+温控风扇
- 快搜新爬虫研发的曲折之路,十年磨一剑
- vue 调色器和js-web-screen-shot截图插件
- 机器学习(周志华) 参考答案 第十四章 概率图模型 14.9
- 测量误差(error)的概念
- win 10使用模拟器蓝屏解决方案
- 外媒:英特尔计划拍卖8500项专利 包括部分5G蜂窝标准专利
- 共阳数码管段码表_正点原子开拓者FPGA开发板资料连载第十一章 静态数码管显示实验...
- Anaconda prompt cd命令 盘之间切换
- 基于JAVA医院信息管理系统计算机毕业设计源码+系统+数据库+lw文档+部署