javascript - 将图像从 img 标签的 src 上传到 php

Question

我只想问是否有办法从标签上传src图片<img>。标签的src不是img来自服务器，看起来像这样：

<img src="data:image/png;base64,iVBOR...52Eysdsadsa===" />

这是我从这个网站学到的方法的产物。

先感谢您。

如果你想让我解释这个北斗七星，请告诉我。谢谢

Answer 1

您可以将base64编码的字符串（src部分）上传到服务器并按原样保存或将其转换为图像并保存为文件。

上传base64编码图片：

获取图片的 src 属性并发布到服务器。

var base64image = $('#blah').attr('src');

将base64编码的字符串转换为图像

$img = $_POST['base64image'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = 'image.png';
$success = file_put_contents($file, $data);

或者只是将上传的内容保存到您的数据库中，然后使用以下代码在您的页面上呈现图像：

echo '<img src="'. $img .'" />';