更新记录
0.0.1(2020-02-28)
多文件上传支持图片,压缩包以及文件
平台兼容性
HbuilderX/cli最低兼容版本 |
---|
3.6.0 |
uni-app
Vue2 | Vue3 |
---|---|
√ | ? |
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
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>