文件上传 触发两次_input file选择文件后自动上传的代码

html 中 file 类型的 input 输入框，可以将本地的文件上传到网站的服务器，但它的上传需要 form 表单提交触发的。而今天我们要说一说，file 类型的输入框在选择本地文件后，自动上传的方法。

input file选择文件后自动上传

可以使用js代码中的FormData对象，利用 change 触发上传，

FormData对象：此对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。

代码如下：

html代码

jq代码

$('body').on('change','#upLoad',function(){ var formData = new FormData(); var name = $($(this)).val(); var files = $($(this))[0].files[0]; formData.append("file