-
-
Save jamielob/5c1a5dc84e50e4507b71299d993dffec to your computer and use it in GitHub Desktop.
Upload image from React Native to Cloudinary
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var CryptoJS = require('crypto-js'); | |
function uploadImage(uri) { | |
let timestamp = (Date.now() / 1000 | 0).toString(); | |
let api_key = 'your api key' | |
let api_secret = 'your api secret' | |
let cloud = 'your cloud name' | |
let hash_string = 'timestamp=' + timestamp + api_secret | |
let signature = CryptoJS.SHA1(hash_string).toString(); | |
let upload_url = 'https://api.cloudinary.com/v1_1/' + cloud + '/image/upload' | |
let xhr = new XMLHttpRequest(); | |
xhr.open('POST', upload_url); | |
xhr.onload = () => { | |
console.log(xhr); | |
}; | |
let formdata = new FormData(); | |
formdata.append('file', {uri: uri, type: 'image/png', name: 'upload.png'}); | |
formdata.append('timestamp', timestamp); | |
formdata.append('api_key', api_key); | |
formdata.append('signature', signature); | |
xhr.send(formdata); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment