🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 多文件上传 1\.您需要使用requireJs模块化加载Form,Upload,Fast模块,语法如下: ``` define(['jquery', 'bootstrap', 'backend', 'table', 'fast','form','upload'], function ($, undefined, Backend, Table, Fast,Form,Upload) {}); ``` 2\.多文件上传的接口结构如下 ``` Fast.api.uploadMultipleFileBox(Function callback,Object options); ``` callback:必须,上传完成后的回调函数,接受1个参数,为上传后返回的文件信息数组 options:可选,传递给接口的配置参数 3\.通过HTML中的data-filetype绑定需要上传的文件类型 ``` <a href="javascript:void()" id="btnUploader" data-filetype="file" class="btn btn-info"><i class="fa fa-upload"></i> 上传</a> ``` 4\.在按钮的点击事件的处理程序中调用文件上传接口,并将构造的配置选项传递给接口 ``` $('#btnUploaderMulti').on('click',function(){ var options={}; var button =$(this); if(button.data('filetype'))options.fileType =button.data('filetype'); Fast.api.uploadMultipleFileBox(function(data){ console.log(data); },options); }); ``` 多文件上传后的回调函数data为1个数组,格式如下: ``` [ { fileId :10000, //文件上传后再系统表中的编号 title :'关于生物园区改造资金拨付申请的请示', //文件描述,默认为文件上传前的名名称 url :'文件上传后与站点根的相对路径', //相对路径 path :'文件上传后与站点根的相对路径', //同URL,为了兼容老接口 userId :1 //上传此文件的用户编号 } ] ``` 图像格式支持的MIME类型如下: ``` 'image/gif','image/jpeg','image/png','image/bmp' ``` 文件类型支持上传的扩展名如下: ``` 'zip','rar','tar.gz','doc','docx','xls','xlsx','ppt','pptx','pdf', 'mp3','mp4','flv','avi','mid','wav','gif','jpg','jpeg','png','bmp' ```