Javascript中的Base64

Question

我从Java发送一些图像。 我需要执行URLEncoder，因为我需要在URL中发送Base64数据

String base64Document = Base64.encode(documentBytes);
base64Document = URLEncoder.encode(base64Document, "UTF-8"); // This class contains static methods for converting a String to the application/x-www-form-urlencoded MIMEformat

但是，当我加载这些数据时，我没有任何图像。

我需要一种解码方法。

我的代码适用于画布，但不适用于图像

 console.log("Encoded" + vm.documentData.base64Document);
    vm.documentData.base64Document = urlDecode(vm.documentData.base64Document);
    console.log("Decoded" + vm.documentData.base64Document);


   // Decode Safe URL Base64
function urlDecode(encoded) {
    encoded = encoded.replace(/-/g, '+').replace(/_/g, '/');
    while (encoded.length % 4)
      encoded += '=';
      return new ArrayBuffer(encoded || '', 'base64').toString('utf8');
};

HTML

  <img class="document" src="data:image/png;base64,{{vm.documentData.base64Document}}" />  

GET data：image / png; base64，[object ArrayBuffer] net :: ERR_INVALID_URL

Answer 1

ArrayBuffer.prototype.toString将始终返回[object ArrayBuffer]。

如果您需要将其转换为字符串，建议阅读以下答案： 在字符串和ArrayBuffers之间转换