2017-10-16 42 views
-1

我跟着这个例子上传图片到我的后端。 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。

回答

-1

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