微信小程序?qū)崿F(xiàn)的圖片保存功能示例
本文實例講述了微信小程序?qū)崿F(xiàn)的圖片保存功能。分享給大家供大家參考,具體如下:
微信小程序保存圖片分為兩步:
1.下載文件資源到本地,客戶端直接發(fā)起一個 HTTP GET 請求,返回文件的本地臨時路徑。
即:調(diào)用函數(shù)wx.downloadFile({})
2.保存圖片到系統(tǒng)相冊。
即:調(diào)用函數(shù)wx.saveImageToPhotosAlbum({})
具體代碼如下:
.wxml
<button data-image='{{圖片路徑}}' bindtap="saveImage" >保存圖片</button>
.js
saveImage: function (e) { wx.downloadFile({ url: 服務(wù)器Http請求 +圖片路徑, success: function (res) { var imageFilePath = res.tempFilePath; if (!util.isNull(imageFilePath)) { wx.saveImageToPhotosAlbum({ filePath: imageFilePath, success: function (data) { wx.showToast({ title: "保存成功", }) }, fail: function (res) { wx.showToast({ title: "保存失敗", }) } }) } }, }) },
關(guān)于wx.downloadFile具體說明還可參考官方文檔:https://developers.weixin.qq.com/miniprogram/dev/api/wx.downloadFile.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
利用js+css+html實現(xiàn)固定table的列頭不動
本文分享了利用js+css+html實現(xiàn)固定table的列頭不動的實例代碼。小編認為具有很好的參考價值,感興趣的朋友可以看下2016-12-12TypeScript模塊與命名空間的關(guān)系和使用方法
在TypeScript中就像在EC5中一樣,任何包含頂級import或export的文件都被認為是一個模塊,下面這篇文章主要給大家介紹了關(guān)于如何在TypeScript使用模塊與命名空間以及注意事項的相關(guān)資料,需要的朋友可以參考下2023-03-03js實現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼
這篇文章主要介紹了js實現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼,涉及javascript操作頁面元素的布局及屬性的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09