微信小程序码接口返回的图片二进制，前端如何展示

前端可以将图片二进制数据转化为Base64编码，然后将Base64编码的字符串作为图片的src属性值，从而在页面上展示图片。具体方式如下：

1. 将图片二进制数据转化为Base64编码，可以使用以下代码：

function arrayBufferToBase64(buffer) {
  var binary = '';
  var bytes = new Uint8Array(buffer);
  var len = bytes.byteLength;
  for (var i = 0; i < len; i++) {
    binary += String.fromCharCode(bytes[i]);
  }
  return window.btoa(binary);
}

2. 在前端页面中创建一个img标签，设置src属性为Base64编码的字符串：

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

其中，xxxxxx代表图片二进制数据转换后的Base64编码字符串。需要注意的是，data:image/png;base64后面的分号和base64之间不能有空格。

相关问题

微信小程序接口，参数为二进制

微信小程序提供了wx.request()接口可以发送HTTP请求，包括POST请求。如果需要在请求中传递二进制数据，可以使用FormData对象。以下是示例代码：

// 创建FormData对象
var formData = new FormData();
// 添加二进制数据
formData.append('file', fileData);

wx.request({
  url: 'https://example.com/upload',
  method: 'POST',
  data: formData,
  header: {
    'Content-Type': 'multipart/form-data' // 必须指定为 multipart/form-data
  },
  success: function(res) {
    // 请求成功后的处理
  }
})

在以上代码中，fileData是二进制数据，可以是Blob对象或ArrayBuffer对象。FormData.append()方法用于将二进制数据添加到FormData对象中。在发送请求时，需要将Content-Type设置为multipart/form-data，以支持传递二进制数据。

需要注意的是，微信小程序中的wx.request()接口并不支持直接传递ArrayBuffer对象。如果需要传递ArrayBuffer对象，可以将其转换为Base64字符串再传递。

微信小程序接口，参数为二进制数据和字符串

如果需要在微信小程序中同时传递二进制数据和字符串参数，可以使用FormData对象。以下是示例代码：

// 创建FormData对象
var formData = new FormData();
// 添加二进制数据
formData.append('file', fileData);
// 添加字符串参数
formData.append('param1', 'value1');
formData.append('param2', 'value2');

wx.request({
  url: 'https://example.com/upload',
  method: 'POST',
  data: formData,
  header: {
    'Content-Type': 'multipart/form-data' // 必须指定为 multipart/form-data
  },
  success: function(res) {
    // 请求成功后的处理
  }
})

在以上代码中，fileData是二进制数据，可以是Blob对象或ArrayBuffer对象。FormData.append()方法用于将二进制数据和字符串参数添加到FormData对象中。在发送请求时，需要将Content-Type设置为multipart/form-data，以支持传递二进制数据和字符串参数。

需要注意的是，微信小程序中的wx.request()接口并不支持直接传递ArrayBuffer对象。如果需要传递ArrayBuffer对象，可以将其转换为Base64字符串再传递。