2016-07-21 8 views
0

Wie oben, wie kann ich im Dateisystem speichern?Wie base64 als Bild im Dateisystem in Javascript gespeichert wird

Ich habe diese Lösungen ausprobiert, aber ich habe es immer noch nicht richtig verstanden habe ... https://gist.github.com/madhums/e749dca107e26d72b64d#file-base64-image-upload-js-L7 https://www.google.com.sg/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiC-_K2yIPOAhVJRY8KHUq5D4oQFggcMAA&url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F17397319%2Fsave-canvas-as-jpg-to-desktop&usg=AFQjCNGADOLxAdsduTuK6d-ZcVzZRgGwWg&sig2=UPC0l9bSsPGASnCrM94unA

Alles, was ich sparen muss ungefähr so ​​aussieht.

 
Object {imageFormat: "image/jpeg", imageB64: "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAw…J3kdq5LxJM7X8ik5CyMB+dFFOPxGNT4DNJOetFFFbnCf/2Q=="}imageB64: "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQE...+dFFOPxGNT4DNJOetFFFbnCf/2Q=="imageFormat: "image/jpeg"__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: __proto__()set __proto__: __proto__() 

das ganze Objekt dort kopiert ..

Gerade Javascript Abholung so bitte möglichst detailliert sein.

+0

Ich frage mich, ob "window.location = 'http: // daten: image/jpeg; base64,' + img;" funktioniert –

+0

@Jonasw Wie sollte dieser Code eigentlich geschrieben werden? –

+0

img sollte die Base64-Zeichenfolge sein. Dann einfach diese Zeile in Ihre js –

Antwort

1

Sie können einfach die base64 in einem neuen Tab mit Hilfe von Javascript öffnen:

window.location="data:image/jpeg;base64,ehfnshxfbsnxj"; 

der Browser diese Schnipsel automatisch auf SO gefunden, verwenden können herunterladen:

var link = document.createElement('a'); 
link.href = 'data:image/jpeg;base64,sduebdueb'; link.download = 'coolimage.jpg'; 
document.body.appendChild(link); 
link.click(); 
+0

Ich habe Ihre Lösung, aber der Download schlägt fehl und ich kann es nicht herunterladen, wie kann ich ein Bild in den Kommentar hinzufügen, um Sie zu zeigen? Ich habe den folgenden Code, link.download = 'data: image/jpeg; base64,' + result.imageB64; und link.download = Ergebnis; –

+0

Oh sorry, ich habe einen Fehler gemacht –

+0

Die link.href ist die wichtige nicht die link.download –

1
 

    var link = document.createElement('a'); 
    link.href = img; 
    link.download = 'filename.jpeg'; 
    document.body.appendChild(link); 
    link.click(); 

Dies ist die Lösung zum automatischen Herunterladen eines Bildes, zuerst erstellen Sie ein Link-Element, dann hängen Sie das Bild-Objekt an href-Attribut und hängen Sie den Dateinamen an Download-Attribut und es sollte funktionieren.