图片下载逻辑完善

pages/creator/imgDetail.vue

@@ -6,7 +6,7 @@
 				<image v-if="detailMsg.isHot ==='0'" src="../../static/hot-not.png" mode=""></image>
 				<image v-else src="../../static/hot-yes.png" mode=""></image>
 			</view>
-			<view class="toolbar-box" @click="download">
+			<view class="toolbar-box" @click="download(detailMsg.imgUrl)">
 				<image v-if="isDownload" src="../../static/download-select.png" mode=""></image>
 				<image v-else src="../../static/download.png" mode=""></image>
 				<text>下载{{detailMsg.downloadNum}}</text>
@@ -178,12 +178,125 @@
 
 			},
 			// 下载
-			download() {
+			download(url) {
 				this.isDownload = true
 				this.detailMsg.downloadNum += 1
-				uni.showToast({
-					title: '下载',
-				})
+				uni.showLoading({
+					title: '正在保存图片...'
+				});
+				//获取用户的当前设置。获取相册权限
+				uni.getSetting({
+					success: (res) => {
+						//如果没有相册权限
+						if (!res.authSetting["scope.writePhotosAlbum"]) {
+							//向用户发起授权请求
+							tt.authorize({
+								scope: "scope.album",
+								success: () => {
+									//授权成功保存图片到系统相册
+									uni.downloadFile({
+										url,
+										success: (res) => {
+											console.log('下载路径', res)
+											if (res.statusCode === 200) {
+												uni.saveImageToPhotosAlbum({
+													//图片路径，不支持网络图片路径
+													filePath: res.tempFilePath,
+													success: (res) => {
+														console.log(
+															'success',
+															res)
+
+													},
+													fail: (res) => {
+														console.log('fail',
+															res)
+														return uni
+															.showToast({
+																title: res
+																	.errMsg,
+															});
+													},
+													complete: (res) => {
+														uni.hideLoading();
+														if (res.errMsg !==
+															"saveImageToPhotosAlbum:ok"
+															) {
+															return uni
+																.showToast({
+																	title: "下载失败！",
+																});
+														} else {
+															return uni
+																.showToast({
+																	title: "下载成功！",
+																});
+														}
+													},
+												});
+											} else {
+												uni.showToast({
+													title: "下载失败！",
+												});
+											}
+
+										}
+									})
+								},
+								//授权失败
+								fail: () => {
+									uni.hideLoading();
+									uni.showModal({
+										title: "您已拒绝获取相册权限",
+										content: "是否进入权限管理，调整授权？",
+										success: (res) => {
+											if (res.confirm) {
+												//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
+												uni.openSetting({
+													success: (
+														res) => {
+														console
+															.log(
+																res
+																.authSetting
+															);
+													},
+												});
+											} else if (res.cancel) {
+												return uni.showToast({
+													title: "已取消！",
+												});
+											}
+										},
+									});
+								},
+							});
+						} else {
+							//如果已有相册权限，直接保存图片到系统相册
+							uni.saveImageToPhotosAlbum({
+								filePath: url,
+								success: (res) => {
+									uni.hideLoading();
+									return uni.showToast({
+										title: "保存成功！",
+									});
+								},
+								fail: (res) => {
+									uni.hideLoading();
+									console.log(res.errMsg);
+									return uni.showToast({
+										title: res.errMsg,
+									});
+								},
+								//无论成功失败都走的回调
+								complete: (res) => {
+									uni.hideLoading();
+								},
+							});
+						}
+					},
+					fail: (res) => {},
+				});
 			},
 			// 分享
 			share() {

unpackage/dist/dev/mp-toutiao/common/vendor.js

@@ -1312,7 +1312,7 @@ function initData(vueOptions, context) {
     try {
       data = data.call(context); // 支持 Vue.prototype 上挂的数据
     } catch (e) {
-      if (Object({"NODE_ENV":"development","VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.warn('根据 Vue 的 data 函数初始化小程序 data 失败，请尽量确保 data 函数中不访问 vm 对象，否则可能影响首次数据渲染速度。', data);
       }
     }
@@ -8135,7 +8135,7 @@ function type(obj) {
 
 function flushCallbacks$1(vm) {
     if (vm.__next_tick_callbacks && vm.__next_tick_callbacks.length) {
-        if (Object({"NODE_ENV":"development","VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","BASE_URL":"/"}).VUE_APP_DEBUG) {
+        if (Object({"VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:flushCallbacks[' + vm.__next_tick_callbacks.length + ']');
@@ -8156,14 +8156,14 @@ function nextTick$1(vm, cb) {
     //1.nextTick 之前 已 setData 且 setData 还未回调完成
     //2.nextTick 之前存在 render watcher
     if (!vm.__next_tick_pending && !hasRenderWatcher(vm)) {
-        if(Object({"NODE_ENV":"development","VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:nextVueTick');
         }
         return nextTick(cb, vm)
     }else{
-        if(Object({"NODE_ENV":"development","VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance$1 = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance$1.is || mpInstance$1.route) + '][' + vm._uid +
                 ']:nextMPTick');
@@ -8249,7 +8249,7 @@ var patch = function(oldVnode, vnode) {
     });
     var diffData = this.$shouldDiffData === false ? data : diff(data, mpData);
     if (Object.keys(diffData).length) {
-      if (Object({"NODE_ENV":"development","VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"VUE_APP_NAME":"app","VUE_APP_PLATFORM":"mp-toutiao","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + this._uid +
           ']差量更新',
           JSON.stringify(diffData));

unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.ttml

@@ -1 +1 @@
-<view class="imgDetail"><image class="main-img" src="{{detailMsg.imgUrl}}" mode></image><view class="toolbar"><view class="toolbar-box"><block tt:if="{{detailMsg.isHot==='0'}}"><image src="../../static/hot-not.png" mode></image></block><block tt:else><image src="../../static/hot-yes.png" mode></image></block></view><view data-event-opts="{{[['tap',[['download',['$event']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isDownload}}"><image src="../../static/download-select.png" mode></image></block><block tt:else><image src="../../static/download.png" mode></image></block><text>{{"下载"+detailMsg.downloadNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isLike']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isLike}}"><image src="../../static/like-select.png" mode></image></block><block tt:else><image src="../../static/like.png" mode></image></block><text>{{"喜欢"+detailMsg.greatNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isCollect']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isCollect}}"><image src="../../static/collect-select.png" mode></image></block><block tt:else><image src="../../static/collect.png" mode></image></block><text>{{"收藏"+detailMsg.collectionNum}}</text></view><view data-event-opts="{{[['tap',[['share',['$event']]]]]}}" class="toolbar-box" bindtap="__e"><image src="../../static/share.png" mode></image></view></view></view>
+<view class="imgDetail"><image class="main-img" src="{{detailMsg.imgUrl}}" mode></image><view class="toolbar"><view class="toolbar-box"><block tt:if="{{detailMsg.isHot==='0'}}"><image src="../../static/hot-not.png" mode></image></block><block tt:else><image src="../../static/hot-yes.png" mode></image></block></view><view data-event-opts="{{[['tap',[['download',['$0'],['detailMsg.imgUrl']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isDownload}}"><image src="../../static/download-select.png" mode></image></block><block tt:else><image src="../../static/download.png" mode></image></block><text>{{"下载"+detailMsg.downloadNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isLike']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isLike}}"><image src="../../static/like-select.png" mode></image></block><block tt:else><image src="../../static/like.png" mode></image></block><text>{{"喜欢"+detailMsg.greatNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isCollect']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isCollect}}"><image src="../../static/collect-select.png" mode></image></block><block tt:else><image src="../../static/collect.png" mode></image></block><text>{{"收藏"+detailMsg.collectionNum}}</text></view><view data-event-opts="{{[['tap',[['share',['$event']]]]]}}" class="toolbar-box" bindtap="__e"><image src="../../static/share.png" mode></image></view></view></view>