小编Ali*_*iAb的帖子

在使用 angular 输入文件上传后，我试图立即显示上传的图像。

我试图从打字稿文件中获取 url 以在 html 文件中显示它：

<img src={{url}}>
             

我有这样的文件：
html：

  <input type="file" (change)="onFileChanged($event)" >

ts：

  onFileChanged(event) {
    this.selectedFile = event.target.files[0]
    console.log(this.selectedFile)
  }

我该怎么做才能获取图像并立即显示？

我正在通过套接字发送编码为 base64 的图像，但解码不起​​作用。必须包含新图像的文件被写入为 base64 而不是 jpg 文件。

编码插座：

function encode_base64(filename) {
  fs.readFile(path.join(__dirname, filename), function (error, data) {
    if (error) {
      throw error;
    } else {
      console.log(data);
      var dataBase64 = data.toString('base64');
      console.log(dataBase64);
      

      client.write(dataBase64);
    }
  });
}

rl.on('line', (data) => {
    encode_base64('../image.jpg')

})

解码插座：

function base64_decode(base64str, file) {
  
   var bitmap = new Buffer(base64str, 'base64');
   
   fs.writeFileSync(file, bitmap);
   console.log('****** File created from base64 encoded string ******');
  }


client.on('data', (data) => {


    base64_decode(data,'copy.jpg')

  
});

// the first few characters in the new file 
//k1NRWuGwBGJpmHDTI9VcgOcRgIT0ftMsldCjFJ43whvppjV48NGq3eeOIeeur