相关疑难解决方法(0)

我试图在Angular 2 ts(2.2.1)中创建一个上传表单,允许上传例如CSV文件,但不是直接发送到http服务的文件,我希望首先在文件中验证文件浏览器.

到目前为止,我已经可以使用以下代码上传文件并将其打印在控制台中:

1. 用于文件上传的Html输入

   <input type="file" (change)="changeListener($event)" #input />
   

   Run Code Online (Sandbox Code Playgroud)

2. 在我的角度组件中,我设置了eventListner和File阅读器.

   export class UploadComponent {
   
       public fileString;
   
       constructor() {
           this.fileString;
       }
   
       changeListener($event): void {
               this.readThis($event.target);
           }
   
       readThis(inputValue: any): void {
           var file: File = inputValue.files[0];
           var myReader: FileReader = new FileReader();
           var fileType = inputValue.parentElement.id;
           myReader.onloadend = function (e) {
               //myReader.result is a String of the uploaded file
               console.log(myReader.result);
   
               //fileString = myReader.result would not work, 
               //because it is not in the scope of the callback
           }
   
           myReader.readAsText(file);
       }
   }
   

   Run Code Online (Sandbox Code Playgroud)

到目前为止,此代码完美无缺. …