背景:项目开发中有很多地方需要选择上传文件,表现形式不一,列举如下
1.通过点击按钮直接选择文件
2.点击输入框选择文件,并回填所选的文件名
因此采用调用js的方法实现选择文件的功能,不管什么场景需要选择文件,只需要调用该js方法,即可实现选择文件的功能
具体代码如下:
let fileSelect = null; // 文件选择框
const FILE_TYPE = ['xls','xlsx'] // 限制文件上传类型
const FILE_MAX_SIZE = 10 * 1024 * 1024; // 限制文件大小
const ACCEPT = ".xls,.xlsx" // 限制选择文件的类型
// 选择文件功能
/**
*
* @param {*} accept 限制选择文件类型,默认.xls,.xlsx
* @param {*} fileTypes 校验上传前文件类型, 默认['xls','xlsx'] , 单个类型可传字符串
* @param {*} fileSize 限制文