JS点击按钮弹出文件选择框选择文件怎么做其他的操作，就单个按钮控件实现

Question

button：                         <button class="btn btn-primary" onclick="upload()">上传   <span class="glyphicon glyphicon-open"></span></button>upload函数： function upload() {     var inputObj=document.createElement('input')     inputObj.setAttribute('id','file');     inputObj.setAttribute('type','file');     inputObj.setAttribute('name','file');     inputObj.setAttribute("style",'visibility:hidden');     document.body.appendChild(inputObj);     inputObj.value;     inputObj.click();     console.log(inputObj)     // var formdata = new FormData($("#file")[0]);     // $.ajax({     //     url:"http://localhost:8080/file/upload.action",     //     type:"POST",     //     data:formdata,     //     enctype:"multipart/form-data",     //     contentType:false,     //     processData:false,     //     success:function (data) {     //         console.log(data)     //     }     // }) }这里打开只能出现文件选择框：怎么在upload函数中继续做ajax请求，照上面那函数还没选文件就发出请求了

Answer 1

可以在你动态创建的input绑定一个change事件，在change事件里执行ajax上传文件，你在upload方法里直接写ajax肯定会立即执行