Это мой первый пост, так что извините за недостаток знаний в некоторых областях.
Я пытаюсь отправить изображение base64 на страницу php. Он отлично работает на моем тестовом локальном хосте, но не на сервере, когда я его загружаю.
У меня есть элемент canvas, который позволяет пользователю рисовать, а затем сохранять изображение. Как только изображение сохранено в div id = "result", я затем использую jquery, чтобы вставить div в значение скрытого поля ввода, а затем отправляю форму на мою страницу canvas.php. Код здесь:
<script type="text/javascript">
$(document).ready(function() {<br>
$('#canvasform').submit(function(){<br>
$('#pass_result').val(<br>
$('#result').html()<br>
);<br>
});<br>
});<br>
<script>
<body>
<canvas id="thecanvas" width="800" height="400"></canvas>
<form action="canvas.php" method="post" id="canvasform"/>
<input type="hidden" name="pass_result" id="pass_result" /><br />
<input type="button" id="save" value="Save Image"><br>
<input type="submit" />
</form>
<div id="result"></div>
</body>
Это прекрасно работает, когда я просматриваю страницу на моем локальном хосте. Но когда я загружаю файлы и просматриваю страницу, изображение не отображается должным образом на canvas.php. Находясь на localhost, я могу щелкнуть правой кнопкой мыши по изображению и просмотреть в новой вкладке.
URL читает: data: image / png; base64, iVBORw0KGg ...
На сервере я щелкаю правой кнопкой мыши и просматриваю новую вкладку URL читает: http://mydomain.com/%22data:image/png;base64,iVBORw0KGg... и выдает мне 414 Request-URI Too Large error.
Есть мысли о том, почему изображение не отображается должным образом?
canvas.php:
<?php<br>
$thediv = $_POST['pass_result'];<br>
echo "Hello $thediv";<br>
?>