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');
}
})