小视频app源码有关长按图片保存到相册功能实现
小视频app源码有关长按图片保存到相册功能实现的相关代码
代码如下:
<template> <div class="doc-page"> <div class="page-title-wrap"> <text class="page-title">{{componentName}}</text> </div> <div class="item-container"> <text class="item-title">Remote image:https://tse1-mm.cn.bing.net/th/id/OIP.QFyNrABM6FhaY_0TCuUZqgHaFj?pid=Api&rs=1</text> <div class="item-content"> <image src="https://tse1-mm.cn.bing.net/th/id/OIP.QFyNrABM6FhaY_0TCuUZqgHaFj?pid=Api&rs=1" id="image" style="object-fit:cover" onlongpress="onImageLongpress"></image> </div> </div> </div> </template> <style> .doc-page { flex: 1; flex-direction: column; } .item-container { margin-top: 40px; margin-bottom: 40px; flex-direction: column; } .item-title { padding-left: 30px; padding-bottom: 20px; color: #aaaaaa; } .item-content { height: 200px; justify-content: center; } #image { width: 240px; height: 160px; object-fit: contain; } </style> <script> import prompt from'@system.prompt' import media from '@system.media' export default{ private: { componentName:"长按如下图片保存", inputImageURL: 'https: //tse1-mm.cn.bing.net/th/id/OIP.QFyNrABM6FhaY_0TCuUZqgHaFj?pid=Api&rs=1' }, onInit(){ this.$page.setTitleBar({text: '长按图片保存示例'}); }, onImageLongpress(){ var that=this; prompt.showDialog({ message: '长按是否保存图片', buttons: [{ text: '确定', color: '#33dd44' }, { text: '取消', color: '#33dd44' }], success: function(data){ console.log("handling callback",data); if(data.index===0) { that.$element("image").toTempFilePath({ fileType: 'jpg', quality: 1.0, success: function (ret) { console.log('toTempFilePath success:tempFilePath=' + ret.tempFilePath) media.saveToPhotosAlbum ({ uri: ret.tempFilePath, success:function(data) { console.log("save picture success"); }, fail: function(data, code) { console.log("handling fail, code=" + code); } }) }, fail: function (msg, code) { console.log('toTempFilePath failed:code=' + code + '; msg=' + msg); }, complete: function (ret) { console.log('toTempFilePath complete'); } }) } }, cancel: function(){ console.log("cancel"); } }) } } </script>
以上就是 小视频app源码有关长按图片保存到相册功能实现的相关代码,更多内容欢迎关注之后的文章