本日我们来讲个小功能,uniApp实现长按保存图片,长按图片保存是个很常见的功能。
我们利用uniApp实现三端都可以保存。
视频加载中...

<template><div><div><img @longtap=\"大众saveImg(imgurl)\"大众 class=\公众h160\"大众 :src=\"大众imgurl\"大众 /></div><div><img @longtap=\"大众saveImg(imgurl2)\"大众 class=\公众h160\"大众 :src=\"大众imgurl2\公众/></div><div>一天学一点新知识<br />老雷PHP全栈开拓-uniApp实现微信长按保存图片</div></div></template><script>export default{data(){return {imgurl:\"大众http://img.deitui.com/?text=老雷PHP全栈开拓&w=320&h=160\"大众,imgurl2:\"大众http://img.deitui.com/?text=长按保存图片&w=320&h=160\"大众}},methods:{saveImg:function(url){uni.downloadFile({url: url, success: (res) => {if (res.statusCode === 200) {console.log('下载成功');uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function (rs) {console.log(rs);console.log('save success');}});}}});} }}</script><style>.h160{height:160px;}</style>