【问题标题】:Proper React Native "file" for Cloudinary API image upload?Cloudinary API 图像上传的正确 React Native“文件”?
【发布时间】:2017-03-08 01:29:32
【问题描述】:

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 兼容的“文件”?

【问题讨论】:

    标签: react-native cloudinary


    【解决方案1】:

    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 }));

    【讨论】:

    • bodyParser 配置救了我!谢谢
    猜你喜欢
    • 2022-01-15
    • 2022-01-14
    • 2019-09-20
    • 2017-04-27
    • 2018-06-13
    • 2020-07-25
    • 1970-01-01
    • 2020-02-16
    • 2019-04-17
    相关资源
    最近更新 更多