脚本宝典收集整理的这篇文章主要介绍了uni-app项目保存图片到相册,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1.长按保存图片
2.右下角图片点击保存图片
3.点击图片可以隐藏图片
1.插件代码拷贝
2.插件全局配置
import savefile from './components/saveFile.vue'
Vue.component('savefile',savefile)
3.插件使用
<template>
<view>
<!-- 预览图片 -->
<savefile v-if="isShowPhoto" :url="qrUrl" @hide="hidePhoto"></savefile>
</view>
</template>
<script>
export default {
data() {
return {
qrUrl:'/static/img/img1.jpg',
isShowPhoto:true,
};
},
onLoad() {},
methods: {
hidePhoto(){
this.isShowPhoto = false;
uni.showToast({
title:'图片已隐藏',
icon:'none'
})
}
}
};
</script>
uni-app项目中使用都兼容 除了H5
以上是脚本宝典为你收集整理的uni-app项目保存图片到相册全部内容,希望文章能够帮你解决uni-app项目保存图片到相册所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。