将图片从expo Imagepicker上传到Cloudinary

Question

我正尝试将图片直接从react-native应用程序上传到cloudinary。我在反应本机端使用Expo Imagepicker并使用axios执行POST请求。我得到一个“400错误的请求”从Cloudinary错误消息 -

不支持的来源网址：数据％3Aimage％2Fjpg％3Bbase64％2CZmlsZTovLy9kYXRhL3VzZXIvMC9ob3N0LmV4cC5leHBvbmVudC9jYWNoZS9FeHBlcmllbmNlRGF0YS8lMjU0MGFub255bW91cyUyNTJGZXhwb3Rlc3QtZWY2NWJjYjktYTFiMC00N2JlLWE3ZDUtMmNmNThhOGM5ZWU1L0ltYWdlUGlja2VyL2NiN2FmMTUzLTA2OWItNDdlZS05NDdkLWU2ZDk1YTQ1MzI2Yi5qcGc％3D

代码到位如下

添加

let uri64 = base64.encode(uri); 
let fileData = "data:image/jpg;base64," + uri64; 
console.log('html escape: ' + encodeURIComponent(fileData)); 

let data = { 
    upload_preset: CLOUDINARY_UPLOAD_PRESET, 
    file: encodeURIComponent(fileData) 
} 
return axios.post(CLOUDINARY_UPLOAD_URL,data); 

Answer 1

Expo添加了一个选项，可以从SDK18中的imagepicker生成base64。我已经编写了一个base64传递给它的API，它将调用cloudinary方法。