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 或字节到会话，然后通过将此值转换为图像来显示，并确保在提交用户后此会话变为空

我正在与您分享一个可以帮助您完成的链接

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

Storing image path in a variable

在上载之前预览另一页上的表单中的图像

1 个答案: