jquery input-file不用form实现多文件自动上传

01前言

最近项目上用到了input-file的文件上传，到了跟后台交互的步骤。遂去百度看看前端代码应该如何书写。发现百度上有两种方式，一是input file包裹在form元素内，利用表单元素提交实现发送文件内容到服务器；二是利用formData对象，将文件流与文件名作为键值对形式存入该对象，在发送给服务器。两种都可行，我在此使用第二种，但是百度多是默认上传一个文件，遂自己改造改造实现多文件上传。代码如下：

02代码

这段代码是用来选择完文件自动上传的，给三个input file绑定了onchane事件，uploadFile方法是封装的具体发请求的代码，下方继续贴出

//上传文件
function addUploadFileMethod(bill_code){
   
   $('#sjt').change(function(){
   
   	if($(this).val() != ""){
   
   		uploadFile('sjt',bill_code,'sj');
       }
   })