角度4のファイルアップロードの有効化

Question

角度4の形式でファイルをアップロードしようとすると、ファイルの種類を検証する最適な方法は何ですか？これを達成するための簡単な方法はありますか？

Answer 1

はいあなたは、クライアント側から

サンプルコード

upload(event: any) { 
     let files = event.target.files; 
     //check file is valid 
     if (!this.validateFile(files[0].name)) { 
      console.log('Selected file format is not supported'); 
      return false; 
     } 

     let fData: FormData = new FormData; 

     for (var i = 0; i < files.length; i++) { 
      fData.append("file", files[i]); 
     } 
     var _data = { 
      filename: 'Sample File', 
      id: '0001' 
     } 

     fData.append("data", JSON.stringify(_data)); 
     this._service.uploadFile(fData).subscribe(
      response => console.log(response), 
      error => console.log(error) 
     ) 
    } 

検証

validateFile(name: String) { 
    var ext = name.substring(name.lastIndexOf('.') + 1); 
    if (ext.toLowerCase() == 'war') { 
     return true; 
    } 
    else { 
     return false; 
    } 
} 

More info

を検証することができます