Question

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

Answer 1

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

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

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

存储和检索图像数据URL

2 个答案: