网络请求获取图片js
时间: 2023-10-10 14:12:07 浏览: 125
vue src动态加载请求获取图片的方法
5星 · 资源好评率100%
您可以使用JavaScript中的XMLHttpRequest或fetch API来进行网络请求以获取图片。以下是一个使用fetch API获取图片的示例代码:
```javascript
fetch('http://example.com/image.jpg')
.then(response => response.blob())
.then(blob => {
const img = document.createElement('img');
const objectURL = URL.createObjectURL(blob);
img.src = objectURL;
document.body.appendChild(img);
})
.catch(error => {
console.error('Error:', error);
});
```
这段代码会向指定的URL发送GET请求,并将响应的图片数据转换为Blob对象。然后,通过创建一个img元素,将Blob对象的URL赋值给img的src属性,从而显示图片在页面上。
请注意,上述代码中的URL需要替换为您要请求图片的实际URL。此外,该代码片段在浏览器环境下运行,需要将其放置在HTML文件中的script标签中或者在浏览器的开发者工具中运行。
阅读全文