Блог

Я загружаю рекламные изображения в папку на веб-сервере. У меня есть html-форма с загрузкой файла, которая использует javascript для отображения предварительного просмотра выбранного изображения. Проблема, с которой я сталкиваюсь, заключается в том, что предварительный просмотр изображения работает только один раз. После отправки и возврата на страницу для выбора другого изображения предварительный просмотр выбранного изображения отсутствует.

Я пробовал использовать window.location.reload(true) в функции, вызываемой с помощью «on submit» в форме html.

 <form id="userForm" action="upload1.php" method="post"
enctype="multipart/form-data" onsubmit="doFull()"> 
 

Я создаю и тестирую приложение в браузере Safari

Вот форма и сценарии, которые я использую на admin_store1.html

    <div class="container">
   <form id="userForm" action="upload1.php" method="post"
   enctype="multipart/form-data" onsubmit="doFull()"> 
   <label for="file" style="center">Filename:</label>
   <input type="file" name="file" id="file" align="center"
                onchange="readURL(this);"><br>

    <img id="blah" src="#" alt="no image selected" />
    <input type="submit" name="submit" value="Submit" align="center">
    </form>
    </div>

<script>
        function readURL(input) {
        if (input.files amp;amp; input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah')
                    .attr('src', e.target.result)
                    .width(150)
                    .height(200);
            };

            reader.readAsDataURL(input.files[0]);


        }
    }
    </script>

<script>
    function doFull() {
    //do your actions here
    save_string_to_database("images/s1/" . $_FILES["file"]["name"]);
    window.location.reload(true);
    window.location = "/upload1.php"
</script>

 

Вот upload1.php страница

     <?php
    if ($_FILES["file"]["error"] > 0)
      {
      echo "Error: " . $_FILES["file"]["error"] . "<br>";
      }
    else
     {
      move_uploaded_file($_FILES["file"]["tmp_name"],
      "images/s1/" . $_FILES["file"]["name"]);
     header("Location: site/admin_start.html");
    die();
     }
    ?>
 

Я ожидаю вернуться к admin_store1.html после загрузки изображения и для того, чтобы иметь возможность просматривать предварительный просмотр изображения при выборе изображения.