后台发送的图片数据如何渲染到固定div里的img
时间: 2024-03-18 09:41:30 浏览: 85
整合thymeleaf模板引擎,在页面渲染后台数据.zip
可以通过以下步骤将后台发送的图片数据渲染到固定 `div` 里的 `img` 标签中:
1. 获取 `div` 元素和 `img` 元素。
```javascript
var myDiv = document.getElementById("myDiv");
var myImg = myDiv.getElementsByTagName("img")[0];
```
2. 将后台发送的图片数据转换为 `Blob` 对象。
```javascript
var blob = new Blob([data], {type: "image/jpeg"});
```
其中,`data` 是后台发送的图片数据,类型可能是字符串或者二进制数据。
3. 将 `Blob` 对象转换为 `URL` 地址。
```javascript
var imgUrl = URL.createObjectURL(blob);
```
4. 将 `URL` 地址赋值给 `img` 元素的 `src` 属性。
```javascript
myImg.src = imgUrl;
```
完成以上步骤后,后台发送的图片数据就会被渲染到固定 `div` 中的 `img` 标签中了。
阅读全文