jsget请求保存图片
时间: 2023-10-12 16:05:24 浏览: 173
你可以使用 JavaScript 中的 XMLHttpRequest 或者 fetch API 来发送一个 GET 请求并保存图片。下面是一个使用 fetch API 的示例代码:
```javascript
fetch('image-url')
.then(response => response.blob())
.then(blob => {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'image.jpg';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
})
.catch(error => {
console.log('Error:', error);
});
```
请将 "image-url" 替换为你要下载的图片的 URL。这段代码会发送一个 GET 请求获取图片的二进制数据,并将其转换成 Blob 对象。然后,通过创建一个带有下载属性的 `<a>` 元素,将 Blob 对象转换为可下载的文件。
当用户点击该链接时,图片将以 "image.jpg" 的文件名进行下载。最后,为了释放内存,我们会撤销 URL 对象。
注意:由于浏览器的安全性限制,该代码可能无法工作,特别是当你尝试下载来自不同源的图片时。在这种情况下,你需要确保服务器端设置了正确的 CORS 头信息,允许跨域请求。
阅读全文