存储和检索图像数据 URL答案

【问题标题】：Storing and Retrieving Image Data URL存储和检索图像数据 URL
【发布时间】：2016-05-10 06:57:52
【问题描述】：

是否可以将toDataURL("image/png"); 从画布中提取的“数据 URL”存储在数据库中，并通过检索此“数据 URL”来重建图像？我试图将“数据 URL”存储到 BLOB。

【问题讨论】：

【解决方案1】：

toDataURL("image/png") 方法仅返回 data URI。您可以轻松地将其存储到 sql 数据库中，并且可以检索并用于构建图像。您必须使用检索到的数据 URI 设置图像的 src。也请参考this one，这应该会给你一个想法。

【讨论】：

【解决方案2】：

我不明白你想要做什么，但这里有一个我使用的过程的小例子。

首先使用 canvas.toDataURL() 将画布转换为一个 imageUrl，它以 .png 格式返回画布的 DataURL。

客户：

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();

现在您已将图像存储在数据库中。

【讨论】：