ajax循环输出img,Ajax请求二进制流图片Img
时间: 2023-07-26 07:24:34 浏览: 60
好的,针对您的问题,我可以给出一个简单的示例代码,具体实现如下:
HTML部分:
```html
<div id="img-box"></div>
```
JavaScript部分:
```javascript
// 发送ajax请求
$.ajax({
url: 'your-url',
type: 'GET',
dataType: 'binary', // 设置响应数据类型为二进制数据流
processData: false, // 不进行数据处理
success: function (data) {
// 创建一个新的Blob对象
var blob = new Blob([data], { type: 'image/png' });
// 创建一个新的图片对象
var img = new Image();
img.onload = function() {
// 将图片添加到指定的div元素中
$('#img-box').append(img);
};
// 设置图片的src属性为blob对象的URL
img.src = URL.createObjectURL(blob);
}
});
```
上述代码中,我们使用jQuery的ajax方法发送一个GET请求,并将响应数据类型设置为二进制数据流(`dataType: 'binary'`)。在请求成功回调函数中,我们将响应数据封装成一个Blob对象,并创建一个新的Image对象,将Blob对象的URL设置为Image对象的src属性。最后,将Image对象添加到指定的div元素中即可。
需要注意的是,上述代码中我们假设响应数据类型为PNG格式的图片,如果响应类型为其他格式的图片,需要相应地修改代码。