保存图像标签中的图像不上传

Question

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

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

Answer 1

使用画布处理图像并将其作为表格的文本输入中的base64 dataurl：

＆＃13;

＆＃13;

// 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');

＆＃13;

＆＃13;

＆＃13;

通过发布表单提交您的图片。