如果出现错误，请在表单提交中显示图像 - Show an image on form submit if an error occurs

Show an image on form submit if an error occurs

在我的网站上，我需要那个表单来上传图像，我使用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();" />

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