更新记录
0.0.1(2020-02-28) 下载此版本
多文件上传支持图片,压缩包以及文件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
组件说明
该组件支持图片,压缩包,附件等文件的上传
属性说明
-
reqMode [String]
模式 asyn异步;await同步 -
reqUrl [string]
上传的url -
filed [String]
表单对应的字段名 -
multiple [boolean]
支持多选;true:多选;false:单选事件说明
-
search [function]
点击搜索按钮返回 输入框内输入的值调用说明
<template> <view class="content"> <uploadFile reqUrl="api/st-bin/DirectSaleContract_SaveContract" reqMode="await" ref="upload" filed="directContract.validContract" multiple="true"> </uploadFile> </view> </template> <script> import uploadFile from '@/components/uploadFile/upload.vue' export default { components: { uploadFile }, data() { }, methods: { 在同步上传时,点击表单上传。直接调用子组件的uploadFile方法即可 formSubmit(e){ this.$refs.upload.uploadFile(Object.assign(formData),function(resp){ if(resp.code == 200 ){ }else{ } }) } } }; </script> <style lang="scss" scoped> page { background: #F5F5F5; } </style>