前端怎么将二进制流转成图片的url路径显示图片

前端要将二进制数据转换为图片URL并显示图片，通常会经历以下几个步骤：

1. **获取二进制数据**：这通常是通过API请求、文件读取或者其他方式得到的二进制内容。

2. **创建Blob对象**：二进制数据会被封装到浏览器的`Blob`对象中，它是表示二进字节流的一种特殊对象。

   let binaryData = ...; // 你的二进制数据
   let blob = new Blob([binaryData], {type: 'image/jpeg'});

3. **生成File URL**：`Blob`对象可以进一步转换为`URL.createObjectURL()`方法返回的URL，这个URL指向临时的内存在浏览器中的文件。

   const imageUrl = URL.createObjectURL(blob);

4. **设置img元素src属性**：现在你可以将这个URL设置给HTML `<img>`标签的`src`属性来显示图片。

   <img src="<%= imageUrl %>" alt="Image">

5. **注意清除缓存**：当图片不再需要时，记得调用`URL.revokeObjectURL(imageUrl)`来释放对应的资源，避免内存泄漏。

   // 渲染完成后
   img.onload = function() {
     URL.revokeObjectURL(imageUrl);
   };