🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
**文件上传** ``` //组件引用方式如下 <lt-upload-file v-model="formData.fileList" :disabled="readonly"/> ``` **图片上传** ``` //组件引用方式如下 <lt-upload-image v-model="formData.fileList" :disabled="readonly"/> ``` **直接调用文件上传** ``` //$upload可接收配置项,参考下方配置项。也可使用全局配置项。 this.$upload().then(response => { console.log('response: ', response); }, error => { console.log('error: ', error); }); ``` **uploadSetting - 通用配置(file+image)** ``` //上传地址 url: string, //基础请求路径 baseURL: string, //进行上传时,file对应的key值 name: string, //按钮的文字 buttonText: string, //展示在上传按钮下方的提示信息 tip: string, //是否多选 multiple: boolean, //单文件最大体积,单位是MB maxSize: number, //所有文件最大体积,单位是MB totalMaxSize: number, //文件大小超过限制 (error, fileObj) onSizeError: (error: Error, fileObj: FileObj) => {}, //上传、下载进度改变时触发的事件 (event, fileObj, type = 'upload' | 'download') onProgress: (event: Event, fileObj: FileObj, type: 'upload' | 'download') => {}, //单文件上传成功时的事件 (response, fileObj) onUploadSuccess: (response: AxiosResponse, fileObj: FileObj) => {}, //文件取消上传时触发的事件 (error, fileObj) onUploadCancel: (error: Error, fileObj: FileObj) => {}, //单文件上传失败时 (error, fileObj) onUploadError: (error: Error, fileObj: FileObj) => {}, //双向绑定的值改变时触发的事件 (fileList) onInput: (fileList: FileObj[]) => {}, //文件下载完毕事件 (fileObj) onDownloadAfter: (fileObj: FileObj) => {}, //文件删除事件 (fileObj) onDelete: (fileObj: FileObj) => {}, //请求超时时间,单位是毫秒 timeout: number, //是否开启切片上传 chunk: boolean, //切片上传时,分割大小,单位是MB chunkSize: number, //文件名对应的字段 nameField: string, //文件地址对应的字段 urlField: string, //是否可下载附件 download: boolean, //是否禁用 disabled: boolean, //回显值 value: [any[], object], //是否展示上传失败的项目 errorItemVisible: boolean, //其他需要上传的参数 params: object, //携带的请求头 headers: object ``` **uploadSetting - file配置** ``` //可上传的类型 accept: string //点击文件名时触发的事件 onTitleClick: (fileObj: any) => {} ``` **uploadSetting - image配置** ``` //可上传的类型 accept: string, //是否采用base64形式 base64: boolean, //base64上传时,图片压缩质量 quality: number ```