javascript - 防止清除 HTML 表单输入文件

Question

好的，稍微修改一下问题，有没有办法防止我的文件输入被清除。每次我用值更新表单时会发生什么，它会清除文件输入

表格

<iframe name="my_iframe" src="" id="my_iframe"></iframe>
<form action="http://******/Update.php" method="post" enctype="multipart/form-data" target="my_iframe">
    <p>
        <input type="file" id="input" name="image" onchange="handleFiles()"/>
    </p>
    <p>
        text input1:
        <input type="text" name="text1" value="%%%myvalue1%%%"/>
    </p>
    <p>
        textinput2:
        <input type="text" name="text2" value="%%%myvalue2%%%"/>
    </p>
</form>

JavaScript - 将图像加载到 IFRAME 中进行预览

<script>
var img = document.getElementById("image");
var width = 450;
function handleFiles() {
    var filesToUpload = document.getElementById('input').files;
    var file = filesToUpload[0];

    var reader = new FileReader();
    reader.onload = function(e) {
        img.onload = function() {
            if (this.naturalWidth > width) {
                this.width = width;
            }
        }
        img.src = e.target.result;
    }
    reader.readAsDataURL(file);
}
</script>

UPDATING - %%%myvalue1%%% 每当这个改变时，它会清除表单中的文件输入

myvalue1 = ""
var text = "pears"
myvalue1 = text

我附上了一个示例应用程序 here

Answer 1

我认为当您阻止或阻止右键单击和其他键以阻止您的代码时，您只需阻止在输入中显示文本，因此只需检查您用于阻止键和鼠标点击的所有脚本。我只是通过删除其他脚本来检查您的所有代码，我可以在输入中看到您的苹果和其他文本。