如果发生错误，请在表单上显示图片

Question

在我的网站上，我需要该表格上传图片，我使用javascript制作此功能，以便在选中后显示该图片。我正在对表单上的所有字段进行验证。

我的问题是当我点击提交时我的图像正在消失，但我的其他字段取用户自己输入的值。请帮我保持这个值天气错误。

的javascript

 function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
    };
};

HTML

<img alt="Not selected" id="uploadPreview"  style="width: 200px; height: 180px;" />
<input id="uploadImage" value="<?php echo $pht1; ?>" type="file" name="pht1" onchange="PreviewImage();" />

Answer 1

这是不可能的。出于安全原因，您无法预先设置value字段的file。您最好的选择是为文件字段添加一些客户端验证，以便在表单正确之前无法提交表单。