Я создаю файл типа ввода в форме, чтобы пользователь мог выбрать изображение. Я добавил тег img для отображения изображения. После того, как пользователь выберет изображение, оно будет отображаться в теге img. Когда я проверяю в inspect, тег im * sr c в img показан в базе 64. Итак, теперь я хочу, чтобы он тоже публиковался во время отправки формы. Но размещен только файл входного типа, и он показывает путь к изображению.
<code><html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
function readURL(input)
{
if (input.files && input.files[0])
{
var reader = new FileReader();
reader.onload = function(e)
{
$('#photo_b64').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$(document).ready(function()
{
$("#photo").change(function()
{
readURL(this);
});
})
</script>
</head>
<body>
<form action="#" method="post">
<input name="photo" type="file" id="photo" class="form-control" placeholder="Photo">
<img id="photo_b64" src="#" alt="your image" style="max-height: 100px; max-width: 100px;" />
<button name="register_user" type="submit" class="btn btn-primary btn-block btn-flat">submit</button>
</form>
</body>
</html>
<?php
if(isset($_POST['register_user']))
{
echo '<pre>';
var_dump($_POST);
echo '
'; }?>
Заранее спасибо.