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

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）我明白了

并用它来显示像

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

我是否需要使用修剪或切片来剪掉"{ "signature":部分，或者我做错了什么？

Answer 1

发生这种情况的原因是+运算符，该运算符自动使变量成为number 。

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); 

使用Javascript显示Blob

更新了您的小提琴： https : //jsfiddle.net/jt5ks76z/1/

使用atob方法的示例：

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