html显示后端的二进制图像

您可以使用 base64 编码将二进制图像转换为字符串，然后在 HTML 中使用 data URI 将其显示。具体实现可以参考以下代码：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

其中，`data:image/png;base64,` 表示这是一个 PNG 图像，并且使用 base64 编码。后面的字符串就是经过 base64 编码后的图像数据。

相关问题

html 录音传给后端二进制文件流

要将 HTML 中录音的二进制文件流传给后端，可以使用 JavaScript 的 XMLHttpRequest 对象来实现。

首先，使用 HTML5 的 getUserMedia API 获取录音的 MediaStream 对象，然后将其转换为 Blob 对象：

navigator.mediaDevices.getUserMedia({ audio: true })
  .then(function(stream) {
    // 创建 MediaRecorder 对象，录制音频
    var mediaRecorder = new MediaRecorder(stream);
    var chunks = [];
    mediaRecorder.ondataavailable = function(e) {
      chunks.push(e.data);
    }
    mediaRecorder.onstop = function(e) {
      var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
      // 将 Blob 对象传给后端
      sendBlobToServer(blob);
    }
    // 开始录音
    mediaRecorder.start();
    // 5秒后停止录音
    setTimeout(function() {
      mediaRecorder.stop();
    }, 5000);
  })
  .catch(function(err) {
    console.log('getUserMedia error: ' + err);
  });

接下来，使用 XMLHttpRequest 对象将 Blob 对象传给后端：

function sendBlobToServer(blob) {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);
  xhr.onload = function(e) {
    if (this.status == 200) {
      console.log('上传成功');
    }
  };
  var formData = new FormData();
  formData.append('file', blob);
  xhr.send(formData);
}

在后端接口中，可以使用类似以下的代码来接收二进制文件流：

app.post('/upload', function(req, res) {
  var file = req.files.file;
  var fileStream = fs.createReadStream(file.path);
  // 处理文件流
  ...
});

注意，上述代码中的 `/upload` 接口需要使用 multipart/form-data 编码来上传文件。如果需要上传其他类型的文件，可以更改 Blob 对象的 type 属性，或者在 FormData 中添加第三个参数，指定文件名和类型。

Java 读取二进制图像并且显示

要读取二进制图像并显示，可以使用Java的ImageIO类和BufferedImage类。是一个简单的示例代码：

import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;

public class BinaryImageReader {

    public static void main(String[] args) throws Exception {
        // 读取二进制图像文件
        File file = new File("binary_image.bin");
        BufferedImage image = ImageIO.read(file);

        // 创建一个窗口来显示图像
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        JLabel label = new JLabel(new ImageIcon(image));
        frame.getContentPane().add(label);
        frame.pack();
        frame.setVisible(true);
    }
}

在上面的示例中，我们首先使用ImageIO类读取二进制图像文件，然后使用BufferedImage类将其转换为Java图像对象。然后，我们创建一个JFrame窗口，并将图像显示在其中。请确保将"binary_image.bin"替换为您自己的二进制图像文件的路径。