如何在Angular 2中将pdf文件作为base64data url发送?

时间:2017-02-10 05:28:56

标签: angular

我正在使用angular 2.i希望将pdf文件转换为base64dataurl。我试过跟随

<input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.doc,.docx">-->
      <!--<p>Select a File to Load:</p>
<input id="inputFileToLoad" type="file" onchange="loadImageFileAsURL()" />

我的ts文件是

fileChange(event) {
   var reader = new FileReader();
    reader.readAsBinaryString(event)
   reader.onload = function () {
     console.log(reader.result);
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

我尝试了以下js小提琴 [http://jsfiddle.net/eliseosoto/JHQnk/][1]

请选择以角度2(版本2.4)执行的代码。

1 个答案:

答案 0 :(得分:0)

基于你的JSFiddle

附加角度2的工作plunkr

https://plnkr.co/edit/PFfebmnqH0eQR9I92v0G?p=preview

所有逻辑都在app.component.ts

在reader.onload上,上下文发生了变化, 因此我在sepearate函数&amp;使用

绑定它
  reader.onload =this._handleReaderLoaded.bind(this);