Сохранение изображений из тегов изображений не загружается

Question

У меня есть карта google на моем сайте, я снимаю скриншоты и сохраняю это в тегах изображений под картой, чтобы пользователь мог ее видеть.

Как я могу получить изображения из этих тегов и передать их через форму для их хранения на сервере PHP?

Answer 1

Используйте холст, чтобы обработать изображение и получить его как 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');

Добавить изображение, разместив форма.