适用于Cloudinary API图像上传的React Native“文件”?

时间:2016-10-25 20:49:46

标签: react-native cloudinary

http://cloudinary.com/documentation/image_upload_api_reference#upload

我尝试了以下内容:

用户从相机胶卷中选择:

{
    data: "/9j/4AAQSkZJRgABAQAASABIAAD/4QBYRXhpZg..."
    origURL: "assets-library://asset/asset.JPG?id=ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED&ext=JPG",
    uri: "file:///Users/me/Library/Developer/CoreSimulator/Devices/1BC4A449-46CF-4ADE-A9B5-78906C9C50FB..."
}

然后在服务器(Node.js)上,我尝试使用上面的uri

  addUserPhoto(uri) {
    const photo = new Promise((resolve, reject) => {
      const base64URI = new Buffer(uri).toString('base64');
      cloudinary.v2.uploader.upload('data:image/jpeg;base64,'+base64URI, {}, (result) => {
        console.log(result);
        resolve(result);
      });
    });
    return photo;
  }

但我收到错误: { message: 'Invalid image file', http_code: 400 }

我不确定正确的“文件”。我究竟做错了什么?我应该从相机胶卷数据中选择哪个字段,如何将其转换为Cloudinary API的兼容“文件”?

1 个答案:

答案 0 :(得分:0)

uri是图像的本地文件路径(在手机上),因此服务器无法访问它。

将图像发送到远程主机的方法是发送数据。

所以最终成为data。像这样:

data:image/jpeg;base64,/9j/4AAQSkZ...

之后,Node Express给了我Error: request entity too large(所以我认为它仍然是错误的)

原来我必须这样做: app.use(bodyParser.json({ limit: '50mb' })); app.use(bodyParser.urlencoded({ limit: '50mb', extended: true }));