javascript - 如何从 web api 发布和获取数据 uri 图像？

Question

我正在尝试将数据 uri 图像从 javascript 发布到后端 asp.net webapi。但是，它给了我 input is not a valid Base-64 string 错误。现在，我明白这可能是由于数据 uri 包含的部分“data:image/png;base64”所致。

现在，即使我从数据 uri 中删除这部分并仅将字符串的其余部分发送到服务器，我如何在服务器上存储 Base-64 字符串？

此外，如何从 webapi 检索此数据作为图像？

注意:图像大小将小于 200kB，因此将在 SQL Server 中存储为 varbinary(Max)。

Answer 1

问题是你应该将图像转换为 byte[] 并将其作为 varbinary 存储在服务器中

 byte []arr = new byte[image1.ContentLength];
 image1.InputStream.Read(arr, 0, image1.ContentLength);

在检索时，您应该将 varbinary 数据转换为 Base64 字符串，并将 Base 64 字符串转换为图像

string imageBase64Data = Convert.ToBase64String(img); 

这里是上面代码将 varbinary 转换为 base64string 的重要部分。它应该采用正确的格式来显示图像。这就是以下代码的作用

  string imageDataURL = string.Format("data:image/png;base64,{0}", asd);
  Session["Photo"] = imageDataURL;

现在您可以查看您的图像