更新记录

1.0.0(2019-07-20) 下载此版本


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

choose-image

uniapp 媲美APP的流畅拖拽动画图像选择插件

使用方法:

1、复制到pages目录下的choose-image文件夹到你的项目pages下 2、在pages.json中加入以下配置

复制代码{
    "path": "pages/choose-image/index",
        "style": {
        "app-plus": {
            "bounce": "none"
        },
        "disableScroll": true
    }
}

3、在main.js文件里设置全局对象 url参数传递的内容大小有限制,所以使用全局对象传递

复制代码
Vue.prototype = Object.assign(Vue.prototype, {
    globalData: {},
});

4、在需要选择图片的页面中的onShow生命周期中加入下面的代码

复制代码
//this.imageList为你的图片列表,[图片路径(String),....]
if (this.globalData.ImagePathList) {
    this.imageList = this.globalData.ImagePathList;
    this.globalData.ImagePathList = null;
}

5、选择图片按钮事件中加入下面的代码

复制代码
this.globalData.ImagePathList = this.imageList;
uni.navigateTo({
    url: '/pages/choose-image/index'
});

隐私、权限声明

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

相册、照相机

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

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

许可协议

MIT协议
tig***@gmail.com

2021-01-25

太好用了

105***@qq.com

2019-10-15

我是把页面设为disableScroll了,但是上传图片后有div占位出现,但是看不到图片了

597***@qq.com 2019-10-15

最好不要用组件模式,因为在ios设备往下拉会有橡皮筋效果,而且组件外不能有滚动条,不然拖拽手势会和页面滚动条冲突,所以用到这个组件的页面时必须得配置disableScroll:true禁止页面滚动

183***@qq.com

2019-09-20

已解决,<!--#ifndef APP-PLUS-->也使用<image class="image-view-move" mode="aspectFill" :src="item.path" :style="{transform:'scale3d('+item.scale+','+item.scale+',1)'}"> 就OK了

101***@qq.com

2019-07-22

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