отправить изображение, выбранное пользователем в формате base64 при отправке формы - PullRequest
0 голосов
/ 11 марта 2020

Я создаю файл типа ввода в форме, чтобы пользователь мог выбрать изображение. Я добавил тег 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 '
'; }?>

Заранее спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...