更新记录

1.0.1（2022-07-08） 下载此版本

更新

1.0.0（2022-07-08） 下载此版本

发布初版1.0.0

平台兼容性

功能介绍

• 简洁的图片上传组件（适用于 移动端）

使用方法

• uni_modules 方式

  1. 点击右上角的 使用 HBuilder X 导入插件 按钮直接导入项目或点击 下载插件 ZIP 按钮下载插件包并解压到项目的 uni_modules/photo-upload 目录下
  2. 在需要使用页面的 (n)vue 文件中添加

     <!-- 不需要引入，可直接使用 -->
     <photo-upload @funImg="funImg" :imgList="imageList" :imgApi="imgApi"/>

     export default {
     data() {
      return {
        imgApi:'https://xxx.xxx.xxx/upload',
        imageList:[],
      }
     },
     methods:{
        funImg(e){
            //e 获取返回图片路径集合
        }
     }
     }

  3. 需要更新版本时在 HBuilder X 中右键 uni_modules/photo-upload 目录选择 从插件市场更新 即可

• npm 方式

  1. 在项目根目录下执行

     npm i wwk-photo-upload

  2. 当前页引入

     import photoUpload from 'wwk-photo-upload/photo-upload'
     export default {
     data() {
      return {
        imgApi:'https://xxx.xxx.xxx/upload',
        imageList:[],
      }
     },
     methods:{
        funImg(e){
            //e 获取返回图片路径集合
        }
     }
     }

  3. main全局注册

     import photoUpload from 'wwk-photo-upload/photo-upload'
     Vue.component('photoUpload', photoUpload)

组件属性

组件事件

api

组件实例 imgApi 需提供有效上传地址