Question

我将广告图像上传到Web服务器上的文件夹。我有一个HTML表单，其中包含一个使用javascript来显示所选图像预览的文件上传。我的问题是图像预览只能运行一次。提交并返回页面以选择另一张图像后，所选图像没有图像预览。

我曾尝试在html表单中以“提交时”调用的函数中使用window.location.reload（true）。

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

Im构建和测试可以在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 && 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并在选择图片后能够查看图片预览。

如何重新加载没有缓存的html页面？

0 个答案: