通常,要上传文件,它将分为两步 – 选择一个文件,然后确认上传.我正在上传个人资料图片.由于配置文件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>
这是一个好主意吗？可疑的.如果用户不期望它自动提交表单可能会产生负面影响.