antdesign 解決Upload文件上傳轉圈問題


    upload(item) {
        let fileList = [];
        this.createForm.paths = '';
        const formData = new FormData();
        formData.append('file', item.file);
        formData.append('paramCode', 'data_source');
        uploadDictionary(formData).then((res) => {
            if (res.code === 200 && res.data) {
                this.createForm.paths = res.data.join();
                fileList.push({ name: item.file.name });
                message.success('上傳成功');
                item.onSuccess();  // 上傳成功后結束文件上傳轉圈狀態
            } else {
                message.error(res.message || '上傳失敗');
                item.onError();  // 返回報錯
            }
            this.setState({
                fileList
            });
        });
    }
<Upload.Dragger
      beforeUpload={() => beforeUpload()}
      customRequest={() => upload()}
      accept={'.xls'}
 >
     <p className="ant-upload-drag-icon">
          <CloudUploadOutlined />
     </p>
     <p className="ant-upload-text">將文件拖到此處,或點擊上傳</p>
 </Upload.Dragger>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM