保存图片标签中的图片而不是上传

Question

我的网站上有一张 google 地图，我正在截取它的屏幕截图，并将其存储在地图下方的图像标签中以供用户查看。

如何从这些标签中获取图像并通过表单传递它们以将它们存储在 PHP 服务器上？

Answer 1

使用 canvas 处理图像并在表单的文本输入中将其作为 base64 dataurl 获取：

// img is your image tag
var processCanvas = document.createElement("canvas");
processCanvas.width = img.width;
processCanvas.height = img.height;
processCanvas.getContext("2d").drawImage(img, 0, 0);

// you need to have an <input id=textInput' /> in your form
var textInput = document.getElementById('textInput');
textInput.value = processCanvas.toDataURL('image/jpeg');

通过张贴表格提交您的图片。

保存图片标签中的图片而不是上传

Save images from image tags not upload

javascript

php

codeigniter

google-maps