Archiviazione e recupero URL dati immagine

Question

È possibile memorizzare "URL dati" estratto da una tela da toDataURL("image/png"); in un database e ricostruire l'immagine recuperando questo 'URL dati'? Ho provato a memorizzare l''URL dei dati' su BLOB.

Answer 1

toDataURL("image/png") metodo restituisce solo data URI. È possibile archiviarlo facilmente nel database SQL e lo stesso può essere recuperato e utilizzato per costruire l'immagine. Dovrai impostare src dell'immagine con l'URI dei dati recuperati. Si prega di fare riferimento allo this one, questo dovrebbe darvi un'idea.

Answer 2

Non capisco tutto quello che vuoi fare, ma ecco un piccolo esempio del processo che ho usato.

Prima converti il ​​canvas in un imageUrl con canvas.toDataURL() che restituisce un DataURL del canvas in formato .png.

Cliente:

var canvas=document.getElementById("canvas"); 
var dataURL=canvas.toDataURL(); 

$.ajax({ 
    type: "POST", 
    url: "PHPfile.php", 
    data: { 
    image: dataURL 
    } 
}) 

PHP:

<?php 

    $conn = new PDO('mysql:host=XXXX;dbname=YYY', "ZZZ", "1234"); 

    $insert="insert into designs(image) values(:image)";   
    $stmt = $conn->prepare($insert); 
    $stmt->bindValue(":image",$_POST["image"]); 
    $stmt->execute(); 

Ora avete l'immagine memorizzata sul vostro DB.