Salva canvas come jpg sul desktop

Sto cercando di salvare un’immagine (JPEG) sul desktop da un HTML5canvas. Posso aprire in una nuova finestra window.open(canvas.toDataURL('png'), ""); , ma come posso salvarlo sul desktop? Grazie.

Attributo download

Esiste un nuovo attributo download in HTML5 che consente di specificare un nome file per i collegamenti.

L’ho fatto per salvare la canvas. Ha un link (“Scarica come immagine”) –

 Download as image 

E la funzione:

 function download() { var dt = canvas.toDataURL('image/jpeg'); this.href = dt; }; downloadLnk.addEventListener('click', download, false); 

Puoi persino modificare il nome del file in modo dinamico impostando l’attributo downloadLnk.download = 'myFilename.jpg' .

Demo dagli archivi.

Controlla questo se aiuta, Un jsfiddle implementato per lo stesso requisito. http://jsfiddle.net/5whKM/

   

Quello che dovresti fare in questo caso è mandare l’utente window.location=canvas.toDataURL('png') alla posizione del file che vuoi che ‘scarichi’. Quindi la soluzione per aprire una nuova finestra è ciò che dovresti fare, ed è ciò che è “scaricare”.

Ad esempio, se si desidera che salvino un file EXE per un file, basta fare clic su un ancoraggio e il browser gestisce la richiesta del file e il download. Puoi farlo anche con JavaScript, ma è un problema di sicurezza e di esperienza utente solo per salvare SaveAs per gli utenti.

Controlla anche questo: download forzato del browser / HTML di immagine da src = “data: image / jpeg; base64 …”