axios请求一段JPEG格式的图片二进制数据怎么生成链接格式
时间: 2023-10-10 17:05:12 浏览: 108
vue+axios展示二进制文件流图片
可以使用`URL.createObjectURL()`方法将二进制数据转换为链接格式。
假设你已经通过axios获取到了图片的二进制数据,可以按照以下步骤生成链接格式:
1. 创建一个Blob对象,将二进制数据传入其中。
```
const blob = new Blob([response.data], { type: "image/jpeg" });
```
2. 使用`URL.createObjectURL()`方法将Blob对象转换为链接格式。
```
const imageUrl = URL.createObjectURL(blob);
```
3. 将生成的链接格式赋值给img标签的src属性,即可显示图片。
```
const img = document.createElement("img");
img.src = imageUrl;
document.body.appendChild(img);
```
完整代码示例:
```
axios.get("your-image-url", { responseType: "arraybuffer" }).then(response => {
const blob = new Blob([response.data], { type: "image/jpeg" });
const imageUrl = URL.createObjectURL(blob);
const img = document.createElement("img");
img.src = imageUrl;
document.body.appendChild(img);
});
```
阅读全文