如何将图像从原生反应上传到快速后端？

问题描述：

我跟着这个例子上传图片到我的后端。 https://github.com/expo/image-upload-example 如何将图像从原生反应上传到快速后端？

我在RN应用程序中使用的代码是：

let formData = new FormData(); 

    formData.append('name',this.state.name); 
    formData.append('description',this.state.description); 
    formData.append('price',this.state.price); 
    formData.append('oprice',this.state.oprice); 

    let fileArr = (this.state.image).split('.'); 
    let type = fileArr[fileArr.length -1] 
    let uri = this.state.image 


    formData.append('photo',{uri, name: `${this.state.name}.${type}`, type: `image/${type}`}); 
    console.log(formData); 

    AsyncStorage.getItem('jwt', (err, token) => { 

    fetch('http://192.168.1.83:8000/ShopRouter/deal', { 
    method: 'POST', 
    headers: { 
     Accept: 'application/json', 
     Authorization: token, 
     'Content-type': false 
    }, 
    body: formData 
    })

我用我的快递后端代码是：

app.post('/ShopRouter/deal', passport.authenticate('jwt2', {session:false}), function(req,res) { 
    upload(req, res, function(err) { 
     if (err) { 
      console.log(err); 
     } 

     console.log(req.file); 
     console.log(req.files); 
     console.log(req.photo); 


     console.log(req.body.name); 
     console.log(req.body.description);

我Multer配置为：

var storage = multer.diskStorage({ 
    destination: function (req, file, cb, err){ 
    console.log(file) 
    if (err){ 
     console.log(err) 
    } 
    cb(null, './uploads/') 
    }, 
filename: function (req, file, cb) { 
    console.log(file) 
    cb(null, file.originalname + '-' +Date.now()) 
    } 
}); 
    var upload = multer({ storage: storage }).single('photo');

行console.log（文件）打印

{字段名： '照片'， ORIGINALNAME： '一个空瓶子.JPG'，编码： '7位'， mime类型： '图像/ JPEG'}

我; M不知道为什么后端接收这没有图像的URI，没有得到保存在上传文件夹中

req.file返回undefined。

答

我整理了这个只是上传图像到S3

如何将图像从原生反应上传到快速后端？

相关推荐