ajax获取图片二进制blob,arraybuffer
2023-09-14 08:58:45 时间
blob
ajanuw.request('get', 'http://127.0.0.1:5500/ajax4/4.jpg', {
resType: 'blob'
}).then(res => {
let url = URL.createObjectURL(res.data);
let img = document.createElement('img')
img.src = url;
document.body.append(img);
img.onload = function () {
URL.revokeObjectURL(this.url)
}
})
arraybuffer
ajanuw.request('get', 'http://127.0.0.1:5500/ajax4/4.jpg', {
resType: 'arraybuffer'
}).then(res => {
let buffer = res.data; // 只有int8
l(buffer)
let url = URL.createObjectURL(new Blob([buffer]), {
type: 'image/jpg'
});
let img = document.createElement('img')
img.src = url;
document.body.append(img);
img.onload = function () {
URL.revokeObjectURL(this.url)
}
})
相关文章
- rails应用ajax之一:使用纯js方法
- [Web 前端] 如何在React中做Ajax 请求?
- Ajax基本案例详解之$.ajax的实现
- 第一百八十五节,jQuery,Ajax 表单插件
- 自定义ajax小工具以及使用
- Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- Jquery.ajax报parseerror Invalid JSON错误的原因和解决方法:不能解析
- Atitit webdav应用场景 提升效率 小型数据管理 目录 1.1. 显示datalist1 1.2. Ajax填充数据1 1.3. 编辑数据2 1.1.显示datalist
- Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
- atitit.ajax 最佳实践跟框架选型 o99
- Ajax基础 同步请求与异步请求
- Ajax 跨域请求 jsonp获取json数据
- 【jQuery】jQuery中如何发送ajax请求以及解决跨域问题_10
- 异步通信技术AJAX | 原理剖析、发送Ajax请求四步