bestjust / sunui-upimg Goto Github PK

请star并且watch本项目,以便得到最新的UI('_')
推荐测试运行环境小程序开发者工具,避免出现CORS/CORB
如上传以后,出现错误(非CORS/CORB),就去修改图片返回地址,在各个插件版本有注释
拿来(这么)容易,您的激励是我前进的动力!,不妨给个star或者点满星星

请各位认真仔细看完文档或者对应上传图片的示例!!! 如有不足之处也请指出

例子：假如我使用七牛云的上传图片(sunui-upimg目录我就只需要保留sunui-upimg-qiniu.vue和“qiniu”文件夹以及文件夹“icon”即可;在sunui-upimg目录其它均可删除)

• sunui-upimg-basic.vue(后端版),极易扩展
• sunui-upimg-alioos.vue(阿里云版),需要复制文件夹“ali-oos”
• sunui-upimg-qiniu.vue(七牛云版),需要复制文件夹“qiniu”
• sunui-upimg-tencent.vue(腾讯云版),需要复制文件夹“tencent-cos”

• [√]图片上传前预览
• [√]图片上传后预览
• [√]图片预览删除(可调接口删除,详情看阿里云删除返回)
• [√]图片添加
• [√]图片上传限制
• [√]图片无上传限制
• [√]图片上传进度监控
• [√]支持阿里云oos图片上传
• [√]支持单页面多复用(@onUpImg="xxxx")
• [x]支持图片上传容量控制,单位为M,向上取整(暂时关闭该功能)
• [√]支持七牛云图片上传
• [√]支持手动上传(多谢**“手动党”**提出的建议)
• [√]支持腾讯云上传

• 解决h5预览图片旋转90°问题
• 使用canvas压缩上传前的图片

import sunUiBasic from './components/sunui-upimg/sunui-upimg-basic.vue'
import sunUiOos from './components/sunui-upimg/sunui-upimg-alioos.vue'
import sunUiqiNiu from './components/sunui-upimg/sunui-upimg-qiniu.vue'
import sunUiCos from './components/sunui-upimg/sunui-upimg-tencent.vue'
Vue.component('sunui-upbasic',sunUiBasic)
Vue.component('sunui-upoos',sunUiOos)
Vue.component('sunui-upqiniu',sunUiqiNiu)
Vue.component('sunui-upcos',sunUiCos)

pages/index/index.vue => 后端图片上传示例
pages/ali/ali.vue => 阿里云图片上传示例
pages/tencent/tencent.vue => 腾讯云图片上传示例
pages/qiniu/qiniu.vue => 七牛云图片上传示例

Copyright (c) 2018-present, [email protected]