国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp 微信小程序 實現(xiàn) 將base64圖片保存相冊和轉發(fā)分享微信好友功能記錄 直接cv就能用!?。?!

這篇具有很好參考價值的文章主要介紹了uniapp 微信小程序 實現(xiàn) 將base64圖片保存相冊和轉發(fā)分享微信好友功能記錄 直接cv就能用!?。?!。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

一、base64圖片保存相冊功能

提示api:that.$refs.uToast.show用的是uview2.0的toast,可以根據(jù)具體引入的ui庫去更換;

saveBase64ImageToPhotosAlbum() {
				let that = this
				var timestamp = new Date().getTime();
				let base64 = this.userInfo.jumpAddFriendQr.replace(/^data:image\/\w+;base64,/, ""); //去掉data:image/png;base64,
				let filePath = wx.env.USER_DATA_PATH + `/addFriends_${timestamp}_qrcode.png`;
				uni.showLoading({
					title: '保存中',
					mask: true
				})
				uni.getFileSystemManager().writeFile({
					filePath: filePath, //創(chuàng)建一個臨時文件名
					data: base64, //寫入的文本或二進制數(shù)據(jù)
					encoding: 'base64', //寫入當前文件的字符編碼
					success: res => {
						uni.saveImageToPhotosAlbum({
							filePath: filePath,
							success: function(res2) {
								uni.hideLoading();
								that.$refs.uToast.show({
									type: 'success',
									message: "保存成功~",
									duration: 1200,
								})
							},
							fail: function(err) {
								uni.hideLoading();
								console.log(err.errMsg);
								that.$refs.uToast.show({
									type: 'error',
									message: `保存失敗`,
									duration: 1200,
								})
							}
						})
					},
					fail: err => {
						uni.hideLoading();
						console.log(err)
						that.$refs.uToast.show({
							type: 'error',
							message: `創(chuàng)建文件失敗`,
							duration: 1200,
						})
					}
				})
			},
			saveQRcodeFn() {//保存圖片到相冊按鈕的點擊事件函數(shù)
				let that = this
				uni.getSetting({
					success(res) {
						console.log(res);
						if (!res.authSetting['scope.writePhotosAlbum']) {
							uni.authorize({
								scope: 'scope.writePhotosAlbum',
								success(res) {
									that.saveBase64ImageToPhotosAlbum()
								},
								fail() {
									uni.showModal({
										content: '請允許相冊權限,拒絕將無法正常保存圖片',
										showCancel: false,
										success() {
											uni.openSetting({
												success(settingdata) {
													if (settingdata.authSetting['scope.writePhotosAlbum']) {} else {
														console.log('獲取權限失敗')
														that.$refs.uToast.show({
															type: 'error',
															message: `獲取權限失敗`,
															duration: 1200,
														})
													}
												}
											})
										}
									})
								}
							})
						} else {
							that.saveBase64ImageToPhotosAlbum()
						}
					}
				})
			},

二、轉發(fā)分享base64圖片給微信好友功能?

該功能在微信開發(fā)者工具中調試的時候會一直報錯,真機是沒問題的,可能是編譯器的bug。

uniapp分享圖片到微信,uniapp(小程序),u-view,uni-app,微信小程序,小程序

sharePic() {//分享圖片給好友按鈕的點擊事件函數(shù)
				let that = this
				this.base64ToFilePath(this.userInfo.jumpAddFriendQr, (filePath) => {
					console.log(filePath);
					wx.showShareImageMenu({ //分享給朋友
						path: filePath,
						success: (res) => {
							console.log("分享成功:", res);
						},
						fail: (err) => {
							console.log("分享取消:", err);
						},
					})
				})
			},
			base64ToFilePath(base64data, fun) {//封裝的base64轉換成臨時文件路徑的函數(shù)
				const base64 = base64data; //base64格式圖片
				const time = new Date().getTime();
				const imgPath = wx.env.USER_DATA_PATH + "/addFriends" + time + "share_qrcode" + ".png"; //去掉data:image/png;base64,如果圖片字符串不含要清空的前綴,可以不執(zhí)行下行代碼.
				const imageData = base64.replace(/^data:image\/\w+;base64,/, "");
				const file = wx.getFileSystemManager();
				file.writeFileSync(imgPath, imageData, "base64");
				fun(imgPath);
			},

其實整個wx.showShareImageMenu會拉起保存相冊按鈕,所以按道理也需要在調用這個api之前獲取權限。這里封裝了一下:參數(shù)fn就是獲取權限后的函數(shù)文章來源地址http://www.zghlxwxcb.cn/news/detail-667423.html

	getAuth(fn) {
				let that = this
				uni.getSetting({
					success(res) {
						if (!res.authSetting['scope.writePhotosAlbum']) {
							uni.authorize({
								scope: 'scope.writePhotosAlbum',
								success(res) {
									fn()
								},
								fail() {
									uni.showModal({
										content: '請允許相冊權限,拒絕將無法正常保存圖片',
										showCancel: false,
										success() {
											uni.openSetting({
												success(settingdata) {
													if (settingdata.authSetting['scope.writePhotosAlbum']) {} else {
														console.log('獲取權限失敗')
														that.$refs.uToast.show({
															type: 'error',
															message: `獲取權限失敗`,
															duration: 1200,
														})
													}
												}
											})
										}
									})
								}
							})
						} else {
							fn()
						}
					}
				})
			},

到了這里,關于uniapp 微信小程序 實現(xiàn) 將base64圖片保存相冊和轉發(fā)分享微信好友功能記錄 直接cv就能用!?。?!的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • uniapp 或小程序中保存網絡圖片及保存base64位圖片的方法

    正常網絡圖片或本地圖片可以使用 uni.downloadFile 或者 uni.getImageInfo api進行處理,最后使用 uni.saveImageToPhotosAlbum 進行處理, 保存base64圖片需要使用 uni.getFileSystemManager().writeFile 寫入文件,成功后調用 uni.saveImageToPhotosAlbum getImageInfo downloadFile ** 注意:使用此方法要刪除掉返回數(shù)據(jù)

    2024年02月12日
    瀏覽(19)
  • 微信小程序常見圖片格式轉base64圖片

    1、在utils文件下新建一個auth.js文件(隨便取一個名字,你開心就行),在里面添加以下代碼 如果是網絡圖片需要先使用wx.downloadFile({...})下載之后才可進行轉換,本地的則直接轉換即可你可根據(jù)具體需求修改代碼,不要受此處代碼影響。 2、在你需要使用的地方引入

    2024年02月06日
    瀏覽(90)
  • 微信小程序 本地圖片和base64圖片相互轉換

    wx.chooseImage === 從本地相冊選擇圖片或使用相機拍照 wx.getFileSystemManager() === 獲取全局唯一的文件管理器 wx.getFileSystemManager().readFile === 讀取本地文件內容 wx.base64ToArrayBuffer() === 將 Base64 字符串轉成 ArrayBuffer 對象 wx.downloadFile === 下載文件資源到本地 從手機上選擇圖片轉base64 網絡

    2024年02月03日
    瀏覽(94)
  • 微信小程序中無法顯示base64圖片

    微信小程序中無法顯示base64圖片

    在微信小程序中展示圖片信息時,后端返回的數(shù)據(jù)中的圖片地址位base64 在小程序進行圖片渲染后,發(fā)現(xiàn)有一部分的圖片不能成功顯示,直接為空白,但是在調試器里查看圖片地址已經注入進 src 里面了,嘗試將圖片地址復制出來用瀏覽器打開,發(fā)現(xiàn)可以正常顯示 圖片在瀏覽器

    2024年02月12日
    瀏覽(25)
  • uniapp(微信小程序/支付寶小程序) - 最新解決canavs繪制海報、二維碼圖片等不顯示問題,在uniapp小程序開發(fā)中使用canavs制作base64圖片在真機運行時空白不顯示(詳細解決方法)

    uniapp(微信小程序/支付寶小程序) - 最新解決canavs繪制海報、二維碼圖片等不顯示問題,在uniapp小程序開發(fā)中使用canavs制作base64圖片在真機運行時空白不顯示(詳細解決方法)

    在uniapp微信小程序 | uniapp支付寶小程序中,詳解canavs技術繪制圖像后在真實手機上運行不顯示的問題,解決uniapp安卓蘋果ios運行小程序后二維碼/海報無法加載和展示,完美解決兼容問題、圖片太大畫不出來、加載失敗等。支持保存到相冊中或長按保存。 很多教程都無效,本

    2024年04月25日
    瀏覽(25)
  • uniapp+vue3+vant-weapp運行到微信小程序中繪制海報,將畫布中繪制base64格式的圖片以及長按進行圖片的分享和下載

    uniapp+vue3+vant-weapp運行到微信小程序中繪制海報,將畫布中繪制base64格式的圖片以及長按進行圖片的分享和下載

    對于uniapp繪制海報,遇到的難點就是將bas64格式的圖片繪制上去,試了很多方式,終于找到了不錯的方法, 先將其下載到本地,再進行繪制,以下就是 完整的代碼 海報的內容可以根據(jù)自己的需求自行更改 ## 下面有一個測試base64格式的圖片,可用替換成自己的實際路徑 ## 長按

    2024年02月21日
    瀏覽(96)
  • 微信小程序uni-app圖片和base64相互轉換

    以上代碼僅供參考,具體實現(xiàn)細節(jié)和樣式可以根據(jù)需求自行調整。 需要完整源碼的朋友,希望你能點贊+收藏+評論,然后私信我即可~ 如果教程中有不懂的地方,可添加學習會員小助手咨詢(微信:mifankeji77)

    2024年02月14日
    瀏覽(87)
  • 【uniapp踩坑記】——微信小程序轉發(fā)&保存圖片

    【uniapp踩坑記】——微信小程序轉發(fā)&保存圖片

    關于微信小程序轉發(fā)保存圖片 已經好多年沒寫博客了,最近使用在用uniapp開發(fā)一個移動版管理后臺,記錄下自己踩過的一些坑 微信小程序圖片轉發(fā)保存,依賴小程序的轉發(fā)api—— wx.showShareImageMenu(Object object) 通過調用這個api能觸發(fā)如下彈窗 ![在這里插入圖片描述] (https://img

    2024年04月15日
    瀏覽(25)
  • uniapp 將base64字符串保存為圖片、Word、Excel、音頻、視頻等文件

    ?uniapp 將base64字符串保存為圖片、Word、Excel、音頻、視頻等文件 index.vue,復制運行此代碼看效果,支持Android、iOS 參考文檔: 1、uniapp中拿到base64轉blob對象,或base64轉bytes字節(jié)數(shù)組,io操作寫入字節(jié)流文件bytes 2、錄音文件與Base64編碼相互轉換的方法 3、關于base64保存為文件 4、

    2024年02月11日
    瀏覽(24)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包