Taro保存图片到手机

这篇具有很好参考价值的文章主要介绍了Taro保存图片到手机。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

萌新亚历山大啊,搞了一下午,真多坑

Taro.downloadFile({
      url: res,
      filePath: Taro.env.USER_DATA_PATH + '/xcxcode.jpg',
      success: res => {
        if (res.statusCode === 200) {
          console.log(res)
          const tempFilePath = res.filePath;  // 获取下载的临时文件路径
          // 保存图片到相册
          Taro.saveImageToPhotosAlbum({
            filePath: tempFilePath,
            success: () => {
              console.log('保存图片成功');
              // 图片保存成功的处理逻辑
            },
            fail: (error) => {
              console.log('保存图片失败', error);
              // 图片保存失败的处理逻辑
            }
          });
        } else {
          console.log('下载图片失败');
          // 图片下载失败的处理逻辑
        }
      },
      fail: (error) => {
        console.log('下载图片失败', error);
        // 图片下载失败的处理逻辑
      }
    });

downloadFile保存的文件路径后缀有可能不是jpg,保存不了手机上

这一行 const tempFilePath = res.filePath;  // 获取下载的临时文件路径,需要注意别写错

又有新坑

开发版本可以下载,上线点击无反应

解决办法:1、完善一下用户隐私协议 2、配置downloadFile的合法域名文章来源地址https://www.toymoban.com/news/detail-632479.html

到了这里,关于Taro保存图片到手机的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 使用taro+canvas实现微信小程序的图片分享功能

    使用taro+canvas实现微信小程序的图片分享功能

    二轮充电业务中,用户充电完成后在订单详情页展示订单相关信息,用户点击分享按钮唤起微信小程序分享菜单,将生成的图片海报分享给微信好友或者下载到本地,好友可通过扫描海报中的二维码加群领取优惠。 使用场景及功能:微信小程序 生成海报图片 分享好友 下载图

    2024年02月05日
    浏览(286)
  • Taro支持富文本(微信小程序)图片样式问题及可点击事件

    Taro支持富文本(微信小程序)图片样式问题及可点击事件

    react提供的dangerouslySetInnerHTML即可 这个属性相比于其他方案的优势在于:1. 支持修改富文本样式  2. Taro官方属性,比插件靠谱 使用这个属性存在两个问题需要解决 1、需要解决图片样式错乱问题 2、图片点击可放大 tips: 正常方式无法绑定事件,样式设置不生效   真机测试没有

    2024年02月10日
    浏览(37)
  • Taro React组件开发(8) —— RuiUploadImages 多图片上传组件【Promise.all 实现】

    1. 需求分析 使用 Taro.chooseImage 实现图片的选择; 使用 Taro.uploadFile 实现图片的上传; 由于 Taro.uploadFile API 的 filePath 只能是一张图片的路径,因此上边两个 API 只能实现单图图片上传。 2. 上传图片实现 组装完整的上传接口地址【 ${ server_env_url }${ config.default[data.url] } 】; 获取

    2023年04月24日
    浏览(8)
  • 使用html2canvas,将页面转换成图片的图片模糊等踩坑记录(Web/Taro h5)

    使用html2canvas,将页面转换成图片的图片模糊等踩坑记录(Web/Taro h5)

    使用 html2canvas 将页面转换成图片的采坑记录 1. 生成的图片很模糊 2. 生成的图片是空白 3. 生成的图片不完整 截图前是这样 截图后这样 截图后的图片图片缺省了一部分 问题1: 生成的图片很模糊(图片跨域) 方法一: 将canvas放大n倍再作图; 移动端的话,根据移动设备的 devicePixelR

    2024年02月05日
    浏览(12)
  • taro h5 formData上传图片的坑-Required request part ‘file‘ is not present

    taro h5 formData上传图片的坑-Required request part ‘file‘ is not present

    描述:用formData上传图片 1、生成formData 2、用taro.request请求 结果:报错500 3、用原生请求 结果:成功 注意 ,并没有设置content-type, 但是请求自动添加了content-type 4、对比后发现 原生的比taro多了boundary, boundary是分割线, 那把这个boundary复制下行不行呢? !!!是不行的 5、总

    2024年02月11日
    浏览(9)
  • 多端统一开发框架Taro、UniApp和WeApp这三个应用各自在前端开发领域有着独特的定位和功能

    Taro、UniApp和WeApp这三个应用各自在前端开发领域有着独特的定位和功能,下面是对它们的详细介绍以及三者之间的对比,包括各自的优缺点和社区维护支持程度。 一、应用介绍 Taro Taro是一个多端统一开发框架,支持使用React语法编写一次代码,生成多个平台的应用。它旨在提

    2024年04月22日
    浏览(11)
  • 使用 Taro 开发鸿蒙原生应用 —— 当 Taro 遇到纯血鸿蒙

    在今年 8 月的「2023年华为开发者大会(HDC.Together)」上,华为正式官宣「鸿蒙Next」,这个更新的版本将移除所有的 AOSP 代码,彻底与 Android 切割,使其成为一个完全自主研发的操作系统,这将去掉 40%左右多余的代码,使系统变得更加简洁、流畅。同时,会上也预告了将在明

    2024年02月05日
    浏览(9)
  • Taro+React+TS+Redux+Taro UI项目

    Taro+React+TS+Redux+Taro UI项目

    全局安装@tarojs/cli,或者直接使用 npx 这里是全局安装方法,终端输入命令: 查看 Taro 全部版本信息 终端可以使用 npm info 查看 Taro 版本信息,在这里你可以看到当前最新版本 如下图: 初始化项目 使用命令创建模板项目: 如下图: 根据自己项目所需要,输入并选择相关内容

    2024年01月18日
    浏览(34)
  • 微信小程序+Taro 混编,Taro 使用微信原生 behaviors

    最近有一个小程序项目,因为一些原因项目架构选择了微信小程序原生+Taro 混编的方式进行开发,在开发的过程中发现 Taro 不支持使用原生的 behaviors 特性,因为混编的原因项目当中已有原生页面在使用 behaviors,所以需要一个方案在不影响其他页面的基础上使 Taro 也能使用这

    2024年02月11日
    浏览(12)
  • Taro + React + TS + Taro-UI + ECharts + Markdown 开发微信小程序

    Taro + React + TS + Taro-UI + ECharts + Markdown 开发微信小程序

    1、安装 Taro 脚手架工具 npm install -g @tarojs/cli yarn global add @tarojs/cli 2、taro 初始化项目 taro init taro-app 安装 taro-ui cd taro-app yarn add taro-ui 全局引入taro-ui样式 3、项目路由路径 page 对应项目路径 lazyCodeLoading 组件按需注入 Taro.navigateTo({url: xxx}) 小程序内部跳转 4、全局添加分享功能

    2024年02月04日
    浏览(9)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包