在上传之前从另一个页面上的表单预览图像

Question

只是一个简单的问题。我一直试图找出这是否可能，但我所拥有的是用户可以输入产品信息的表单。我将用户输入的信息保存在会话变量中。当用户点击提交按钮时，表单不会将其提交到数据库中，而是将它们带到评论页面。然后，用户可以查看他们输入的详细信息，一旦满意，他们就会从新页面完成。用户可以在第一个表单中选择一个文件（图像），我需要它在第二页上显示为图像。（查看页面）

我知道一旦用户选择了一个文件，这段代码就会显示一个图像。但是，如果可能的话，我怎样才能在第二页上显示这个图像呢？

JS

  function readURL(input) {

  if (input.files && input.files[0]) {
    var reader = new FileReader();

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

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

$("#imgInp").change(function(){
readURL(this);
});

HTML

<form id="form1" runat="server">
<input type='file' id="imgInp" />
<img id="blah" src="#" alt="your image" />
</form>

所以就像我说的，这将在用户选择文件后立即显示图像，但我需要使用

<img id="blah" src="#" alt="your image" /> 

在第二页？

有什么想法吗？一百万提前谢谢

彼得

Answer 1

嗯，问题似乎一次有不止一个想法

您不能将其存储在客户端 所以 首先，您可以将该图像存储到 temp 文件夹中，如果使用确认他的提交，然后复制到您的主文件夹中 还有，第二个

您可以将此图像转换为 base64 或 byte 到会话，然后通过将此值转换为图像来显示，并确保此会话在提交用户后变为空

我正在与您分享一个链接，它将帮助您完成

https://stackoverflow.com/a/12396875/2630817

Storing image path in a variable