• 【快应用】网络图片保存到相册失败案例

     问题背景：

    调用 media.saveToPhotosAlbum接口保存网络路径的图片。出现错误提示 code=202，该如何处理？

    代码如下：

    报错提示如下：

    09-16 14:12:01.511 E/jsLog   (19071): saveToPhotosAlbum: input err: invalid param.

    09-16 14:12:01.519 I/jsLog   (19071): handling fail, code = 202

    问题分析：

    快应用在中的saveToPhotosAlbum接口目前仅支持本地图片路径保存到相册，暂不支持网络图片路径导致的。

    解决方法：

    想要保存网络路径的图片需要先调用request.download接口将图片先下载下来，拿到本地存储的临时图片路径，再去调接口将图片保存到相册。

    修改代码如下：

    效果如下：

    09-16 14:28:03.468 I/jsLog   (19152): 341

    09-16 14:28:03.843 I/jsLog   (19152): internal://mass/Download/6138797a4e3b3-2.jpg

    09-16 14:28:05.479 I/jsLog   (19152): save success

    09-16 14:29:04.878 I/jsLog   (19152): save success

    Hello.ux页面代码如下：

    2.  
    3.  
    4.  
    5. <style>
    6.  
    7.   .container {
    8.  
    9.     flex-direction: column;
    10.  
    11.     align-items: center;
    12.  
    13.     justify-content: center;
    14.  
    15.   }
    16.  
    17.   .txt {
    18.  
    19.     font-size: 30px;
    20.  
    21.     text-align: center;
    22.  
    23.     width: 50%;
    24.  
    25.     height: 70px;
    26.  
    27.     margin-top: 5px;
    28.  
    29.     border: 1px solid #000000;
    30.  
    31.   }
    32.  
    33. style>
    34.  
    35.  
    36.  
    37. <script>
    38.  
    39.   import prompt from '@system.prompt';
    40.  
    41.   import request from '@system.request';
    42.  
    43.   import media from '@system.media';
    44.  
    45.   module.exports = {
    46.  
    47.     data: {
    48.  
    49.       componentData: {},
    50.  
    51.       imgurl: "https://ywopen-1252317822.image.myqcloud.com/openwx/recommendimg/20210908/6138797a4e3b3.jpg",
    52.  
    53.       downloadtoken: '',
    54.  
    55.       downloadurl: ''
    56.  
    57.     },
    58.  
    59.     save() {
    60.  
    61.       media.saveToPhotosAlbum({
    62.  
    63.         uri: this.downloadurl,
    64.  
    65.         success: function () {
    66.  
    67.           console.log('save success');
    68.  
    69.           prompt.showToast({
    70.  
    71.             message: 'save success',
    72.  
    73.           })
    74.  
    75.         },
    76.  
    77.         fail: function (data, code) {
    78.  
    79.           prompt.showToast({
    80.  
    81.             message: 'handling fail, code = ' + code,
    82.  
    83.           })
    84.  
    85.           console.log('handling fail, code = ' + code);
    86.  
    87.         }
    88.  
    89.       })
    90.  
    91.     },
    92.  
    93.     download() {
    94.  
    95.       var that = this
    96.  
    97.       request.download({
    98.  
    99.         "url": this.imgurl,
    100.  
    101.         success: function (data) {
    102.  
    103.           console.log(data.token);
    104.  
    105.           that.downloadtoken = data.token
    106.  
    107.         },
    108.  
    109.         fail: function (data, code) {
    110.  
    111.           console.log("handling fail, code = " + code);
    112.  
    113.         },
    114.  
    115.         complete() {
    116.  
    117.           that.ondownloadcomplete()
    118.  
    119.         }
    120.  
    121.       })
    122.  
    123.  
    124.  
    125.     },
    126.  
    127.     ondownloadcomplete() {
    128.  
    129.       var that = this
    130.  
    131.       request.onDownloadComplete({
    132.  
    133.         "token": this.downloadtoken,
    134.  
    135.         success: function (data) {
    136.  
    137.           console.log(data.uri);
    138.  
    139.           that.downloadurl = data.uri
    140.  
    141.         },
    142.  
    143.         fail: function (data, code) {
    144.  
    145.           console.log("handling fail, code = " + code);
    146.  
    147.         }
    148.  
    149.       })
    150.  
    151.     }
    152.  
    153.   }
    154.  
    155. script>

    cke_4665.png

     欲了解更多更全技术文章，欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

  • 相关阅读:
    【PostgreSQL】创建表和复制表
    2022最新版-李宏毅机器学习深度学习课程-P49 GPT的野望
    makefile中ifeq ()函数异常问题
    Kubectl 使用详解——k8s陈述式资源管理
    得数据者得天下！作为后端开发必备技能之一的MySQL，这份十多年经验总结的应用实战与性能调优我想你肯定是需要的！
    JVM认识之垃圾收集算法
    【第37篇】EdgeViTs： 在移动设备上使用Vision Transformers 的轻量级 CNN
    【云原生】原来2020.0.X版本开始的OpenFeign底层不再使用Ribbon了
    react ts实现一个 无限加载组件
    Spring之aop
  • 原文地址：https://blog.csdn.net/weixin_44708240/article/details/126378325