2016-08-04 43 views
3

Wenn ich ein Base64-Image vom Server bekomme, speichere ich es in das Android-Dateisystem.
Ist es möglich, einem Image den Pfad zum base64 zu geben, um das Image zu füllen.React-native - Füllen Bild mit Dateipfad zu base64

Zum Beispiel so etwas wie diese:

<Image source={uri: "/storage/emulated/0/Pictures/Image.jpg"} /> 

Dank.


bearbeiten @Xeijp


ich folgendes base64 Bild auf das Android-Dateisystem speichern:

var imageBase64 = 'data:image/jpeg;base64,'+base64Str; 

ich es das Bildverzeichnis speichern:

/storage/emulated/0/Pictures/Image.jpg 

ich populatate dann das Bild wie folgt aus:

<Image source={{uri: "file:///storage/emulated/0/Pictures/Image.jpg"}} style={styles.image} /> 

Das Bild wird noch nicht machen.

Irgendwelche Ideen ??

+0

haben Sie es geschafft, herauszufinden, wie dies zu tun? –

+0

@Salman Hasrat Khan Ähnlich wie die Lösung hier http://StackOverflow.com/Questions/38658716/React-Native-PD-view-how-to-populate-pdfview-with-base64-or-blob – Larney

Antwort

1

Auf Android, wenn Sie uri Pfad als Quelle von Image Element verwenden, müssen Sie Präfix file:// hinzufügen, sonst wird es nicht funktionieren.

<Image source={{ uri : 'file:///storage/emulated/0/Pictures/Image.jpg' }}/> 
+0

Es funktioniert immer noch nicht . Schau dir meinen Beitrag zu der Frage an. Danke für die Antwort. – Larney

0

Sie können versuchen, verwenden, erfordern das Bild von Dateipfad zu laden und es dann dem Bild passieren:

const imageFromFile= require('/storage/emulated/0/Pictures/Image.jpg'); 

<Image source={imageFromFile} style={styles.image} />