Я хочу загрузить массив фотографий, для этого я установил упомянутые пакеты и пытаюсь этого добиться. * Я пробовал Fetch, а также rn fetch-blob, но без блокировки * вначале ошибка catch была сетевая ошибка, и теперь проблема в том, что я отправляю пустой массив на сервер, вот мой код:
export default class Upload extends Component {
constructor() {
super();
this.state = {
token: "",
photos: []
}
}
render() {
return (
<Text onPress={() => this._TakePhoto()}> Pick </Text>
);
}
_TakePhoto() {
ImagePicker.openPicker({
multiple: true
}).then(images => {
images.map((item, index) => {
ImageResizer.createResizedImage(item.path, 1200, 1200, "JPEG", 100)
.then(response => {
// console.warn('Resized img is: ', response);
this.state.photos.push(response);
console.warn('Resized img state is: ', this.state.photos)
this._submit_pictures()
})
.catch(err => {
});
});
});
}
_submit_pictures() {
let formData = new FormData();
for (let i = 0; i < this.state.photos.length; i++) {
let file = {
uri: this.state.photos[0].path,
// uri: this.state.photos[0].path.replace('file:///', ''),
// uri: this.state.photos[0].uri,
type: this.state.photos[0].mime,
name: this.state.photos[0].name
};
formData.append("pics[]", file);
}
// uri: this.state.photos[0].uri.replace("file:///", "file://"),
formData.append("postId", postId);
formData.append("token", token);
console.log('formData value: ', formData)
axios({
url: "https://rahnama.com/webservice/submitPictures",
method: "POST",
headers: {
// "Accept": "application/json",
"Content-Type": "multipart/form-data"
},
// formData
body: formData
})
.then(response => {
console.warn('upload res: ', response);
}).catch((error) => console.warn('upload err: ', error.response.request._response));
}
}