更新记录

1.0.0(2025-06-17) 下载此版本

初次上传


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - -

dshhy-upload-image

使用说明

可以直接下载示例代码,里面有完整的示例

  1. pages.json 中配置 easycom

    {
    "easycom": {
    "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue"
    }
    }
  2. 页面中引用

    
    // template
    <view>
    <dshhy-upload-image :param="uploadMedia" @backInfo="backInfo"></dshhy-upload-image>
    </view>
0.按限制值排除上传,单位:M imgs:[ //编辑情况传入 'https://cbu01.alicdn.com/img/ibank/O1CN01aimEwN23oN47pmrc0_!!2207867147302-0-cib.jpg', 'https://cbu01.alicdn.com/img/ibank/O1CN01bP2QNq23oN2El4dZ9_!!2207867147302-0-cib.jpg' ] } } }, }


3. 注意事项
- 参见插件页面注释信息

# 字段说明
|  字段   | 释义  |
|  ----  | ----  |
| param  | 传入插件参数 |
|        | title:'轮播图上传', //页面展示标题 |
|        | sign:'pics', //回传数据标识,实际应用时同一页面中可能会使用到两个相同组件,如:轮播图和详情图,该标识会包含在组件回传信息中,用于区分上传类型 |
|        | desc:'上传须知:最佳图片宽高比:1:1,宽度750px至1000px,图片过大会上传失败', //页面展示上传要求或说明 |
|        | btn:'上传图片', //上传按钮文字 |
|        | size:0, //上传媒体大小限制,0.不限制,>0.按限制值排除上传,单位:M |
|        | imgs:[], //编辑情况传入 |

# 事件说明
|  字段            | 释义  |
|  @backInfo       | 已上传图片集合返回给父页面 |

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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