选择后开始上传文件

Question

通常,要上传文件,它将分为两步 - 选择一个文件,然后确认上传.我正在上传个人资料图片.由于配置文件pic通常很小,我想通过在文件选择时开始上传文件来减少用户的鼠标点击.请提出好的,也许是常见的方法来实现这一点(我也想了解他们的陷阱,如果有的话).谢谢.

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>

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