微信简历小程序保存图片

Posted 2023-05-09

微信简历小程序可以帮助您保存图片，只需要点击“添加照片”按钮，就可以从本地相册中选择照片，然后点击“保存”按钮，就可以将照片保存到微信简历小程序中了。此外，您还可以直接拍照上传到微信简历小程序中，以便更加方便地保存图片。 参考技术A 微信简历小程序保存图片的详细步骤如下：1.打开微信简历小程序；2.点击“编辑简历”；3.点击“添加图片”；4.选择要保存的图片；5.点击“保存”按钮；6.完成保存。 参考技术B 微信简历小程序保存图片
微信简历小程序保存图片

微信小程序支持保存图片，但是要求用户先授权小程序访问其相册，然后才能保存图片。

步骤：

1、首先，在小程序的页面中，调用wx.authorize函数，授权小程序访问用户的相册；

2、然后，调用wx.saveImageToPhotosAlbum函数，将图片保存到用户的相册中；

3、最后，在wx.saveImageToPhotosAlbum的回调函数中，判断是否保存成功，如果保存成功，则给用户一个提示，提示保存成功。 参考技术C 1. 在小程序中找到图片，然后点击右上角的“更多”按钮；

2. 在弹出的菜单中点击“保存图片”；

3. 选择要保存到的目标文件夹，如“我的文件”；

4. 点击保存，图片将被保存到手机中。 参考技术D 微信小程序可以实现图片的保存功能，用户可以使用微信小程序的“新建图片”或“保存为照片”按钮来实现图片的保存功能。用户可以进入“我的文件”-“相册”-“简历”，找到自己保存的图片。

微信小程序实现保存图片到本地

![在这里插入图片描述](https://img-blog.csdnimg.cn/f657d6e4c011493b8bc8cfca4dbbb81c.png)

wxml代码

<view class="erweima">
      <image src="imgUrl"></image>
      <view>
            <text  bindtap="downloadImg">保存至手机相册</text>
      </view>
 </view>

js代码

   downloadImg() 
        wx.showLoading(
            title: '加载中...'
        );
        //wx.downloadFile方法：下载文件资源到本地
        wx.downloadFile(
            url: this.data.imgUrl, //图片地址
            success: function (res) 
                //wx.saveImageToPhotosAlbum方法：保存图片到系统相册
                wx.saveImageToPhotosAlbum(
                    filePath: res.tempFilePath, //图片文件路径
                    success: function (data) 
                        wx.hideLoading(); //隐藏 loading 提示框
                        wx.showModal(
                            title: '提示',
                            content: '保存成功',
                            modalType: false,
                        )
                    ,
                    // 接口调用失败的回调函数
                    fail: function (err) 
                        if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail authorize no response") 
                            wx.showModal(
                                title: '提示',
                                content: '需要您授权保存相册',
                                modalType: false,
                                success: modalSuccess => 
                                    wx.openSetting(
                                        success(settingdata) 
                                            console.log("settingdata", settingdata)
                                            if (settingdata.authSetting['scope.writePhotosAlbum']) 
                                                wx.showModal(
                                                    title: '提示',
                                                    content: '获取权限成功,再次点击图片即可保存',
                                                    modalType: false,
                                                )
                                             else 
                                                wx.showModal(
                                                    title: '提示',
                                                    content: '获取权限失败，将无法保存到相册哦~',
                                                    modalType: false,
                                                )
                                            
                                        ,
                                        fail(failData) 
                                            console.log("failData", failData)
                                        ,
                                        complete(finishData) 
                                            console.log("finishData", finishData)
                                        
                                    )
                                
                            )
                        
                    ,
                    complete(res) 
                        wx.hideLoading(); //隐藏 loading 提示框
                    
                )
            
        )
    ,