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

时间:2016-03-25 16:16:20

标签: javascript php

在我的网站上,我需要该表格上传图片,我使用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();" />

1 个答案:

答案 0 :(得分:1)

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