加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native fench FormData 上传文件

发布时间:2020-12-15 06:40:21 所属栏目:百科 来源:网络整理
导读:首先说下这个问题很坑,append的Js的object类型无效,我们后台用的是java 上错不成功的代码 let url = 'http://192.168.1.120:8090/app/release' ; let params = { parentId : "0" , text : this .state.textContent, postType : 0 , profitType : 0 } let for

首先说下这个问题很坑,append的Js的object类型无效,我们后台用的是java
上错不成功的代码

let url = 'http://192.168.1.120:8090/app/release';
        let params = {parentId: "0",text: this.state.textContent,postType: 0,profitType: 0}

        let formdata = new FormData();
        formdata.append('file',{uri: this.state.envURL[0].uri,type: 'image/jpg',name: 'image.jpg'});
        formdata.append('appUserPost',String(params));

        fetch(url,{
            method: 'post',headers: {
                'Content-Type': 'multipart/form-data; boundary=6ff46e0b6b5148d984f148b6542e5a5d',},body: formdata
        }).then(response => {
            console.log("image uploaded")
        }).catch(err => {
            console.log(err)
        })

正确的是拆分object
成功的代码

let url = 'http://192.168.0.89:8080/app/release';

        var appUserPost = { 'appUserPost': params,type: 'application/octet-stream' }
        var file = { uri: this.state.envURL,type: 'multipart/form-data',name: 'image.png' }
        let formdata = new FormData();

        formdata.append('file',file); // you can append anyone.

        formdata.append('parentId',"0")
        formdata.append('text',"asdfasd")
        formdata.append('postType',0)
        formdata.append('profitType',1)
        console.log("formdata",JSON.stringify(formdata))

        fetch(url,{
            method: 'POST',headers: {
                'Accept': 'application/json',// 'Content-Type': 'multipart/form-data',processData: false,contentType: false,body: formdata
        }).then(function (response) {
            console.log(response)
        }).catch(err => {
            console.log(err)
        })


    }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读