получить источник img (из dataURL canvas) на другую страницу - PullRequest
Новая
       27

получить источник img (из dataURL canvas) на другую страницу

1 голос
/ 02 ноября 2011

Извините, может быть, название не совсем понятно, что я пытаюсь сделать.

Позвольте мне объяснить. У меня есть HTML-страница, на которой у меня есть кнопка, как только я нажимаю кнопку, должна быть запущена страница php (в фоновом режиме). Эта страница генерирует (из базы данных) холст, и этот холст превращается в закодированное изображение (base64), и это добавляется в источник img этой страницы php (это работает). Теперь я хочу получить исходный код img и отобразить его на html-странице (где находится кнопка).

Дайте мне знать, если вам нужен пример кода.

Я надеюсь, что кто-то может мне помочь с этим. Спасибо

Ответы [ 2 ]

0 голосов
/ 02 ноября 2011

Из небольшого кода, который вы опубликовали, я думаю, что это будет выглядеть примерно так, хотя и не уверен? 

......
var dataURL = canvas.toDataURL(); 
document.getElementById("canvasImg").src = dataURL;
document.getElementById("ImgCode").value = dataURL;
};
</script>
</head>
<body>
<canvas id="myCanvas" width="73" height="103" style="display:none;"></canvas>

<? $tag = '<img id="canvasImg">'; 
<? $tag2 = '<input id="ImgCode" type="text">';

echo $tag;?>
echo $tag2;?>

</body>
</html>

Вам, вероятно, придется стилизовать и расположить входной тег, или заменить его на div, или как вам угодно, просто используйте innerHTML или что-то подобное вместо значения.

0 голосов
/ 02 ноября 2011

Если вы используете jQuery, вы можете использовать функцию .load: 

$('#result').load('ajax/test.php', function() {
  alert('Load was performed.');
});

, где #result - это идентификатор button или div рядом с ним .... ajax/test.php будет вашим сценарием, а alert в function - обратным вызовом успеха (может быть удаленным, если не нужно)

...