javascript - 选择后开始文件上传

Question

通常情况下，上传一个文件需要两步——选择一个文件，然后确认上传。我正在上传个人资料图片。由于个人资料图片通常很小，我想通过在选择文件时开始上传文件来减少用户的鼠标点击。请提出实现这一目标的好方法，也许是常见的方法(我也想了解他们的陷阱，如果有的话)。谢谢。

Answer 1

change 事件将在从文件上传字段中选择文件时触发。如果没有选择文件(字段被清除)，该字段的值将为 ''。

<form method="post" action="upload.script">
    <input type="file" id="formfile"/>
    <input type="submit" id="formsubmit"/>
</form>

<script type="text/javascript">
    var file= document.getElementById('formfile');
    var submit= document.getElementById('formsubmit');

    // If scripting is available, can auto-submit the form, so no submit
    // button needed.
    //
    submit.parentNode.removeChild(submit);

    // When field is filled in with a filename, submit form
    //
    file.onchange= function() {
        if (this.value!=='')
            this.form.submit();
    };
</script>

这是个好主意吗？可疑的。如果用户不希望自动提交表单可能会产生负面影响。