使用到的組件：Antd{ Modal（彈窗）Upload（上傳）}??????????????????????????cropperjs1.Upload組件中有上傳后提供預(yù)覽的例子流程：點(diǎn)擊上傳---選擇文件-----編輯-----保存-----上傳服務(wù)器----??????????------等待父組件表單填寫完之后再上傳一遍（不同api）思路：父組件是一個(gè)表單，其中一項(xiàng)是上傳頭像（子組件），點(diǎn)擊上傳圖片類型以及各種條件符合 進(jìn)行編輯 點(diǎn)擊保存子傳父到大表單上，因?yàn)榇蟊韱紊嫌幸粋€(gè)上傳按鈕。問(wèn)題1. 如何上傳圖片到服務(wù)器saveImg?=?()?=>?{ ??let?{srcCropper}=this.state; ????//?拿到文件名 ????let?filename?=?this.state.selectImgName; ????//?這里可以嘗試修改上傳圖片的尺寸 ????this.refs.cropper.getCroppedCanvas().toBlob(async?blob?=>?{ ??????//?創(chuàng)造提交表單數(shù)據(jù)對(duì)象 ??????const?formData?=?new?FormData(); ??????//?添加要上傳的文件 ??????formData.append('file',?blob,?filename); ??????//?提示開(kāi)始上傳 ??????try?{ ????????//?接口 ????????let?res?=?await?upload(srcCropper,?formData); ????????if(res.errCode?===?0)?{ ??????????//?上傳成功 ??????????//子傳父 ??????????this.props.getImg();?//未寫 ??????????message.success('上傳成功') ????????}?else?{ ??????????//?上傳失敗 ??????????message.error('上傳失敗') ????????} ??????}?catch(err)?{ ????????console.log(err); ??????} ??????this.handleOnCancel() ????},"image/jpeg") };//?Upload上傳之前函數(shù)// ?上傳文件之前的鉤子，參數(shù)為上傳的文件，若返回 false 則停止上傳。支持返回一個(gè) Promise 對(duì)象，// ?Promise 對(duì)象 reject 時(shí)則停止上傳，resolve 時(shí)開(kāi)始上傳// （resolve 傳入 File 或 Blob 對(duì)象則上傳 resolve 傳入對(duì)象）。注意：IE9 不支持該方法。beforeUpload(file)?{ ??const?isLt10M?=?file.size?/?1024?/?1024?<?6; ??if?(!isLt10M)?{?//添加文件限制 ????//?message.error('文件大小不能超過(guò)6M'); ????return?false; ??} ??let?reader=new?FileReader(); ??reader.readAsDataURL(file);?//開(kāi)始讀取文件 ??//?因?yàn)樽x取文件需要時(shí)間,所以要在回調(diào)函數(shù)中使用讀取的結(jié)果 ??reader.onload?=?(e)?=>?{ ????console.log(file); ????this.setState({ ??????srcCropper:?e.target.result,//cropper的圖片路徑 ??????selectImgName:?file.name,?//文件名稱 ??????selectImgSize:?(file.size?/?1024?/?1024),?//文件大小 ??????selectImgSuffix:?file.type.split("/")[1],?//文件類型 ??????editImageModalVisible:?true,?//打開(kāi)控制裁剪彈窗的變量，為true即彈窗 ????}); ??}; ??return?false; }思維邏輯混亂，請(qǐng)哪位老師指導(dǎo)一下? 理清一下思路。