更新记录

1.0.10(2024-08-22) 下载此版本

上传组件自定义位置

1.0.9(2023-08-01) 下载此版本

优化webview传值

1.0.8(2023-08-01) 下载此版本

修复首次启动evalJS优先执行报错bug;修复plus在微信小程序报错bug

查看更多

平台兼容性

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

ss-upload

本地上传图片,视频和文档,兼容H5端,微信小程序端,移动端APP

不清楚使用方式可点击右侧导入示例项目运行完整示例

属性使用说明

属性 是否必填 值类型 默认值 说明
isUploadServer Boolean false 上传成功之后是否直接上传服务器;设置为true时必传uploadOptions
uploadOptions Object {} 上传服务器相关信息
webviewStyle Object {} App原生子窗体样式
fileInput Object {} APP原生子窗体webview内部上传input样式与内容
width String '130px' 上传区域宽度
height String '70px' 上传区域高度

事件使用说明

事件名称 说明 返回值
getFile 获取上传文件本地地址 --
uploadSuccess 上传到服务器返回结果触发 [{errorcode:0,msg:'操作成功',data:''}]

注意事项

H5插件内部是使用uni-app官方内部方法uni.chooseFile

小程序端因hybrid不能使用本地HTML,所以插件提供的是uni-app官方内部方法wx.chooseMessageFile

移动端是使用 web-view 组件,在 web-view组件内使用input元素type="file"进行实现;目前支持上传所有文件(图片,视频,文件),想要单个只上传图片或者视频或者某一个文件可以参考input的accept属性

H5端和小程序端支持一次性上传多个,APP端目前测试只支持一次性上传一个

如果是用在scroll-view中则在滑动到最底部时重新渲染webview(先调用组件的hide方法,在调用show方法),否则不跟随滑动

不清楚使用方式可点击右侧导入示例项目运行完整示例、

如果插件对您有用请点亮小星星,谢谢!

隐私、权限声明

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

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

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

许可协议

MIT协议

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