存储和检索图像数据URL

Storing and Retrieving Image Data URL

本文关键字：数据 URL 图像 检索 存储      更新时间：2023-09-26

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

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

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

首先使用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();

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

相关文章：