javascript – 选择后开始上传文件

前端之家收集整理的这篇文章主要介绍了javascript – 选择后开始上传文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
通常,要上传文件,它将分为两步 – 选择一个文件,然后确认上传.我正在上传个人资料图片.由于配置文件pic通常很小,我想通过在文件选择时开始上传文件来减少用户的鼠标点击.请提出好的,也许是常见的方法来实现这一点(我也想了解他们的陷阱,如果有的话).谢谢.

解决方法

文件上载字段中选择文件时,将触发更改事件.如果未选择任何文件(字段已清除),则字段的值将为“”.
<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>

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

原文链接:https://www.f2er.com/js/150587.html

猜你在找的JavaScript相关文章