javascript - 对象属性返回文字的一部分

Question

我是 JavaScript 对象的新手，我得到了一个对象列表，在该对象中有一个名为签名的属性，它是 BLOB，我试图对其进行解码，以便可以将其显示为图像，但是当我使用它时，我无法使用它。在控制台中调试时，返回的项目是一个数字，但它具有以下结构

"{
  "signature": "/9j/4AA"

但是当我执行 console.log(typeof + deca); 时，它显示数字，以下是我的代码

    for (const sign of result){
        const deca = atob(sign.signature);
        console.log(typeof + deca);

console.log(deca) 我得到 this

并使用它来显示

            <img *ngFor="let sign of selectedUser"
                 [src]="sign.imageData"
                 alt="">

我需要使用 trim 或切片来剪掉"{
“signature”:部分或者我做错了什么？

Answer 1

发生这种情况是因为 + 运算符，它自动使变量成为数字。

https://jsfiddle.net/n97ssLma/

var test = "test"
alert(typeof test) //string
alert(typeof + test) //number

要将 Blob 显示为图像，请执行以下操作:

var image = document.createElement('img');
    
image.src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==";
    
image.width=100;
image.height=100;
image.alt="here should be some image";
    
document.body.appendChild(image);

Using Javascript to Display Blob

更新了你的 fiddle :https://jsfiddle.net/jt5ks76z/1/

使用 atob 方法的示例:

https://jsfiddle.net/jt5ks76z/4/