角度 4 中的文件上傳驗證

Question

嘗試以 angular 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;
    }
}