歡迎大家加群討論
點擊鏈接加入群聊【ReactNative技術(shù)交流群3】：1085660877
(理論上支持所有文件格式上傳)在這里已經(jīng)實現(xiàn)文件上傳功能坯约。以下是關(guān)鍵代碼,按照我的寫法實現(xiàn)文件上傳是沒有問題的滔驶。有問題可以開個issues。給個Star沉噩，感謝!
不多說了直接上車！源碼地址歡迎Star ,感謝支持柱蟀！
Upload.gif
關(guān)鍵代碼：
//**************文件上傳**************
uploadImage(imgAry){
console.log('imgAry', imgAry);
let formData = new FormData(); //因為需要上傳多張圖片,所以需要遍歷數(shù)組,把圖片的路徑數(shù)組放入formData中
for(var i = 0;i<imgAry.length;i++){
//截取獲取文件名
var a=imgAry[i].uri;
var arr = a.split('/');
// 獲取文件名end
// 判斷文件的類型(視頻-圖片等)end
let file = {uri: imgAry[i], type: imgAry[i].mime, name: arr[arr.length-1]}; //這里的key(uri和type和name)不能改變,
formData.append("file", file); //這里的files就是后臺需要的key
//這里的files就是后臺需要的key
}
console.log('formData', formData);
console.log('uri', imgAry[0].uri);
var request = {
imgAry,
};
console.log('request', request);
fetch('http://'+yourServerIP+'/api/resources',{
method:'POST',
headers:{
'Content-Type':'multipart/form-data',
},
body:formData,
})
// .then((response) => response.json())
.then((responseData)=>{
alert('文件上傳成功!');
console.log('responseData=',responseData);
})
.catch((error)=>{console.error('error=',error)});
},
By--ZPengs
相關(guān)文章:
1.React Native開發(fā)錯誤警告處理總結(jié)（已解決 川蒙！持續(xù)更新)
2.React Native開發(fā)總結(jié)之：開發(fā)技巧和調(diào)試技巧
3.React Native開發(fā)總結(jié)：一、開發(fā)環(huán)境配置
4.ReactNative之Android打包APK方法（趟坑過程)
5.Android 調(diào)試錯誤總結(jié)（ReactNative開發(fā)）（持續(xù)更新）
6.ReactNative開發(fā)之真機測試
7.React Native開發(fā)之iOS打包ipa發(fā)布（親測可行）
