存储和检索图像数据的URL

Question

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

- Sudhakar Pandey

Answer 1

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

- Debajit Majumder

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

现在你已经将图片存储在数据库中了。

- Malkev