Native multiple Bilder reagieren

Question

Können Sie mir Quellcode zum Hochladen mehrerer Bilder zeigen? Ich habe versucht, mehrere Bilder auf meine Firebase hochzuladen. Also verwende ich react-native-Bild-Crop-Picker für ausgewählte Bilder, und dann reagieren native-fetch-Blob für die Bilder vor dem Upload in Firebase konvertieren. Nach dem Auswählen von Bildern schleife ich die Arrays und konvertiere dann, um den Blob innerhalb der Schleife zu holen. Aber manchmal funktioniert es, aber manchmal ist die Bild-URL leer. Ich hoffe, dass ich hier die Antwort auf diese

Answer 1

Versuchen Sie finden:

const uploadImages = (photos) => { 
    const uploadImagePromises = _.map(photos, (p, index) => uploadImage({ uri: p, imageName: "image_" + index })) 
    const urls = await Promise.all(uploadImagePromises) 
    console.log(urls); 
} 


const uploadImage = ({ uri, imageName }) => { 
    const Blob = RNFetchBlob.polyfill.Blob 
    const fs = RNFetchBlob.fs 
    window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest 
    window.Blob = Blob 
    const mime = 'image/jpg' 
    return new Promise((resolve, reject) => { 
    const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri 
    let uploadBlob = null 
    const imageRef = firebase.storage().ref('/images/').child(imageName) 
    fs.readFile(uploadUri, 'base64') 
     .then((data) => { 
     return Blob.build(data, { type: `${mime};BASE64` }) 
     }) 
     .then((blob) => { 
     uploadBlob = blob 
     return imageRef.put(blob, { contentType: mime }) 
     }) 
     .then(() => { 
     uploadBlob.close() 
     resolve(imageRef.getDownloadURL()) 
     }) 
     .catch(error => { 
     console.log("error", error); 
     reject() 
     }) 
    }) 
}