【问题标题】:Image upload working in web but not for react native app图片上传在网络上工作,但不适用于反应原生应用程序
【发布时间】:2019-11-20 06:37:03
【问题描述】:
createFormData = (photo) => {
    const data = new FormData();
    data.append("file", {
        name: photo.fileName,
        type: photo.type,
        uri: Platform.OS === "android" ? photo.uri : photo.uri.replace("file://", "")
    });
    return data;
};
uploadImage() {[enter image description here][1]
    let formdata = this.createFormData(this.state.selectedImage)
    return postFile(EndPoints.ADVISOR_PROFILE_IMAGE_UPLOAD, formdata)
}

发布请求方法

export function postFile(url, body) { 
return axios({
     method: 'post', url: SERVICE_URL + url, headers: headersForFile, data: body 
    });
}
#

Request Payload 显示 [Object, Object]

#

从服务器收到错误,因为找不到文件位置

enter image description here

【问题讨论】:

  • 显示post方法代码
  • 导出函数 postFile(url, body) { return axios({ method: 'post', url: SERVICE_URL + url, headers: headersForFile, data: body }); }
  • 试试这个 axios 发布格式,如果可行,请告诉我 axios( { method: 'post', url: URL, data: userData, config: { headers: { 'Accept': 'application/json', 'Content-Type': 'multipart/form-data' } } } );
  • 嘿阿比纳夫!! R 你确定你已经完美地使用了权限。您如何访问/读取用户的存储空间?
  • 从'@react-native-community/async-storage'导入异步存储;使用本地存储

标签: node.js reactjs react-native axios


【解决方案1】:

由于某种原因,当使用带有 React Native 的 FormData 时,启用远程调试 Js 往往会出现奇怪的问题。这是因为 Chrome 调试器或 React Native 调试器处理 FormData 的问题。

【讨论】:

    猜你喜欢
    • 2023-03-08
    • 2020-11-16
    • 2021-10-20
    • 1970-01-01
    • 2021-06-13
    • 2018-01-31
    • 2022-12-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多