hbuilder 上传图片保存图片拍照 muse ui

html

<mu-bottom-sheet :open.sync="open"><mu-list class="list_btn"><mu-list-item button @click.stop="setImg" class="btn_list"><mu-list-item-title class="btn_text">拍照</mu-list-item-title></mu-list-item><mu-list-item button @click.stop="topMenuRight" class="btn_list"><mu-list-item-title class="btn_text">从手机相册选择</mu-list-item-title></mu-list-item><mu-list-item button @click.stop="saveImg" class="btn_list"><mu-list-item-title class="btn_text">保存图片</mu-list-item-title></mu-list-item><mu-list-item button @click.stop="open = false" class="btn_list"><mu-list-item-title class="btn_text">取消</mu-list-item-title></mu-list-item></mu-list>
</mu-bottom-sheet>

// 保存图片

saveImg () {let self = thisconsole.log('图片地址' + self.$store.state.user.icon)plus.gallery.save(self.$store.state.user.icon, function () {self.$toast.success('保存图片到相册成功')self.open = false},function(){self.$toast.error('保存失败')})
},
//拍照
setImg () {let self = thislet cmr = plus.camera.getCamera()cmr.captureImage(function (p){plus.io.resolveLocalFileSystemURL(p, function(entry){self.resolveImg(entry.toLocalURL())}, function(e){})}, function(e){},{filename: '_doc/camera/'})
},

// 压缩

resolveImg (path) {this.open = false//图片太大,需要压缩let self = thislet substr = path.substr(path.lastIndexOf("/") + 1)plus.io.resolveLocalFileSystemURL (path, function(entry) {entry.file(function(file) {let imgSize = file.size;plus.zip.compressImage({src: path,dst: '_doc/' + substr,width: '100%',quality: 100,overwrite: true}, function(event) {console.log("压缩成功-->" + event.target)let minImg = event.targetconsole.log(minImg)self.updateIcon(minImg) // 后台接口方法})})}, function(e) {alert("Resolve file URL failed: " + e.message)})
},

hbuilder 上传图片保存图片拍照 muse ui相关推荐

Muse UI遇到的坑
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考.若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库 ...
Muse UI — 基于 Vue2.0 的 Material Design UI 库
Vue 2.0 发布以来,很多 vue 的开源项目都开始了升级计划,我也思考着 vue-carbon 的升级之路,9月开工,11月完工, Muse UI 闪亮登场. 先睹为快 Muse UI 主要用于 ...
Muse UI - 优雅的 Material Design 风格 UI 组件
一款基于 Vue 2.0 的 UI 组件库,按 Material Design 设计规范实现,体验优秀,使用简单. Muse UI 介绍 Muse UI 是一款基于 Vue.js 的优雅 UI 组件库 ...
muse ui 的table组件的选择事件说明
muse ui是一套基于vue 2.0的ui组件,它的点击特效.组件模型等都特别适合移动端开发,今天在做一个移动项目是,用到里面的table组件,对其进行选择行操作,根据官方文档的提示一直不解.提示如 ...
Muse UI遇到的坑 1
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考.若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库 ...
Muse UI 样式
Muse UI的icon是国外网站,被墙了所以用这个网址的icon,在index.html文件中引入下面链接: <link rel="stylesheet" href=&qu ...
muse ui去除按钮阴影_如何在Photoshop和Adobe Muse中创建按钮
muse ui去除按钮阴影在本教程中,我将向您展示如何在Photoshop中创建按钮以及如何在Adobe Muse项目中使用按钮的所有状态. 一旦设计好Photoshop资源并将其导入到Adobe ...
Muse ui的使用
//添加对手机端的支持 <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
webpack 打包后字体文件不存在用muse ui 字体图标不显示
muse ui 字体图标文过大在 build/webpack.base.config.js {test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: 'url- ...

hbuilder 上传图片保存图片拍照 muse ui

hbuilder 上传图片保存图片拍照 muse ui相关推荐

最新文章

热门文章

hbuilder 上传图片 保存图片 拍照 muse ui

hbuilder 上传图片 保存图片 拍照 muse ui相关推荐

最新文章

热门文章

hbuilder 上传图片保存图片拍照 muse ui

hbuilder 上传图片保存图片拍照 muse ui相关推荐