Uniapp中图片预览,而且举行长按图片生存

[复制链接]
发表于 2025-10-20 11:16:05 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
官网链接:https://uniapp.dcloud.net.cn/api/media/image.html#unipreviewimageobject
具体的代码

  1. // 点击按钮预览图片
  2. showPic() {
  3.         let that = this
  4.         let  url = '这里是拿到的图片地址' // 我这里是单张,也可以用多张图片的数组形式
  5.         uni.previewImage({
  6.                 index: 0,
  7.                 urls: [url],
  8.                 showmenu: true,
  9.                 longPressActions: {
  10.                         itemList: ['发送给朋友', '保存图片', '收藏'],
  11.                         success(data) {
  12.                                 console.log('长按保存',data)
  13.                                 that.saveImage(url)
  14.                         },
  15.                         fail: function(err) {
  16.                                 console.log(err.errMsg);
  17.                         }
  18.                 }
  19.         })
  20. },
  21. saveImage(imgurl){
  22.         // console.log(imgurl)
  23.         uni.downloadFile({
  24.                 url:imgurl,
  25.                 success(res){
  26.                         // console.log(res)
  27.                         let url = res.tempFilePath
  28.                         uni.saveImageToPhotosAlbum({
  29.                                 filePath:url,
  30.                                 success() {
  31.                                         uni.showToast({
  32.                                                 title:'保存成功',
  33.                                                 icon:"none"
  34.                                         })
  35.                                 },
  36.                                 fail(err) {
  37.                                         console.log('保存失败',err)
  38.                                         uni.showToast({
  39.                                                 title:'保存失败',
  40.                                                 icon:"none"
  41.                                         })
  42.                                 }
  43.                         })
  44.                 }
  45.         })
  46. },
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表