Wie kann ich Bilder direkt auf Amazon S3 in React Native hochladen?

Question

Ich werde Bild auf Amazon S3 in React Native hochladen.

Ich habe S3 signierteUrl für das Hochladen von Bild.

Wie kann ich Bild mit dieser URL in React Native hochladen?

Wenn jemand dies versucht, bitte helfen Sie mir.

Vielen Dank!

Answer 1

Sie können nur fetch wie folgt verwendet werden:

import { ImagePickerIOS } from 'react-native'; 

ImagePickerIOS.openSelectDialog({},(assetUri)=>{ 
    var photo = { 
    uri: assetUri, 
    type: 'image/jpeg', 
    name: 'main.jpg' 
    } 

    var body = new FormData(); 
    body.append('file', photo); 

    fetch(presignedUrl, { 
    method: 'put', body: body 
    }); 
},()=>{ console.log('failed'); }) 

Answer 2

Es ist ganz einfach, ich viel Zeit damit verbracht, dass zu entdecken:

const xhr = new XMLHttpRequest() 
xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4) { 
    if (xhr.status === 200) { 
     // success 
    } else { 
     // failure 
    } 
    } 
} 
xhr.open('PUT', presignedUrl) 
xhr.setRequestHeader('Content-Type', fileType) 
xhr.send({ uri: filePath, type: fileType, name: fileName }) 

• filePath ist der vollständige Pfad zu die Datei
• dateiType ist der Mime-Typ von th e Datei
• filename ist der Dateiname

Quelle: http://blog.rudikovac.com/react-native-upload-any-file-to-s3-with-a-presigned-url/