更新记录

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

组件说明

该组件支持图片,压缩包,附件等文件的上传

属性说明

  1. reqMode [String] 模式 asyn异步;await同步

  2. reqUrl [string] 上传的url

  3. filed [String] 表单对应的字段名

  4. multiple [boolean] 支持多选;true:多选;false:单选

    事件说明

  5. 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>
    

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

没有

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问