如何在jquery中刷新浏览器后预览输入的选定图像答案

【问题标题】：How to preview input selected image after browser refresh in jquery如何在jquery中刷新浏览器后预览输入的选定图像
【发布时间】：2017-07-20 09:03:41
【问题描述】：

我想在浏览器刷新后预览选定的图像。

当我刷新浏览器输入选择的图像预览不显示。但是当我选择新图像时，会显示预览。

我该如何解决这个问题？我正在使用此代码

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]);
        }
    }

【问题讨论】：

也许查询input.files[0]在开始时返回false。
浏览器刷新后，该函数仅在选择图像时调用。这就是为什么它不适用于浏览器刷新
嗨，活着...图像在浏览器刷新后被选中，但预览不显示....请您帮帮我吗？
您能否创建一个示例链接您的问题（如 FIDDLE）？
我在 wordpress 编辑个人资料部分使用这个

标签： jquery file input

【解决方案1】：

您可以使用本地存储。 HTML本地存储；比饼干好。刷新后，您的浏览器脚本将检查本地存储数据（如果找到），然后加载文件/文件。请关注—— https://www.w3schools.com/html/html5_webstorage.asp

【讨论】：