更新share示例。

0ab86727 · zhaofengliang920817 · 524ab7d4 · 0ab86727
隐藏空白更改
内联并排

Showing with 284 addition and 117 deletion

pages/template/share/share.uvue pages/template/share/share.uvue +284 -117

未找到文件。
--- a/pages/template/share/share.uvue
+++ b/pages/template/share/share.uvue
 <template>
 	<view id="viewshot">
 		<button class="button" @click="shareText()">分享文本</button>
-		<button class="button" @click="sharePrivateImg()">分享私有目录图片</button>
+		<button class="button" @click="shareLink()">分享链接</button>
-		<button class="button" @click="sharePubImg()">选择图片并分享</button>
+		<button class="button" @click="sharePrivateImg()">分享单个本地图片</button>
-		<button class="button" @click="shareSnapShot()">指定view截图并分享</button>
+		<button class="button" @click="sharePrivateErrorImg()">分享单个本地图片(错误路径)</button>
-	</view>
+		<button class="button" @click="sharePrivateImgs()">分享多个本地图片</button>
-</template>
+		<button class="button" @click="sharePrivateErrorImgs()">分享多个本地图片(含有错误路径)</button>
+		<button class="button" @click="shareAll()">分享链接、文本、多张图片</button>
-<script>
+		<button class="button" @click="sharePubImg()">选择图片并分享</button>
-	import Intent from 'android.content.Intent';
+		<button class="button" @click="shareSnapShot()">指定view截图并分享</button>
-	import File from 'java.io.File';
+	</view>
-	export default {
+</template>
-		data() {
-			return {
+<script>
-				summary: '欢迎使用hello uniapp-x'
+	// #ifdef APP-ANDROID
-			}
+	import Intent from 'android.content.Intent';
-		},
+	import File from 'java.io.File';
-		methods: {
+	// #endif
-			shareText() {
+	export default {
-				uni.shareWithSystem({
+		data() {
-					summary: this.summary,
+			return {
-					href: 'https://uniapp.dcloud.io',
+				summary: '欢迎使用hello uniapp-x'
-					success(res) {
+			}
-						console.log('success')
+		},
-						// 分享完成，请注意此时不一定是成功分享
+		methods: {
-					},
-					fail(res) {
+			shareText() {
-						console.log('fail')
+				uni.hideToast()
-						// 分享失败
+				uni.shareWithSystem({
-					},
+					summary: this.summary,
-					complete(res) {
+					success(res) {
+						console.log('Shared----------------------------success')
-					}
+					},
-				} )
+					fail(res) {
-			},
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
-			sharePrivateImg() {
+						uni.showToast({
-				const imageSrc : string = "/static/logo.png";
+							icon: "error",
-				uni.shareWithSystem({
+							title: "errorCode=" + res.errCode
-					summary: this.summary,
+						})
-					href: 'https://uniapp.dcloud.io',
+					},
-					imageUrl:imageSrc,
+					complete(res) {
-					success(res) {
-						console.log('success')
+					}
-						// 分享完成，请注意此时不一定是成功分享
+				})
-					},
+			},
-					fail(res) {
+			shareLink() {
-						console.log('fail')
+				uni.hideToast()
-						// 分享失败
+				uni.shareWithSystem({
-					},
+					href: 'https://uniapp.dcloud.io',
-					complete(res) {
+					success(res) {
+						console.log('Shared----------------------------success')
-					}
+					},
-				} )
+					fail(res) {
-			},
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
-			sharePubImg() {
+						uni.showToast({
-				uni.chooseImage({
+							icon: "error",
-					count: 3,
+							title: "errorCode=" + res.errCode
-					success(e) {
+						})
-						console.log(JSON.stringify(e))
+					},
-						// const imageSrc : string = "/static/logo.png";
+					complete(res) {
-						// var imageList = new UTSArray<string>()
-						// imageList.push(imageSrc)
+					}
-						// imageList.push(imageSrc)
+				})
-						uni.shareWithSystem({
+			},
-							summary: this.summary,
+			sharePrivateImg() {
-							href: 'https://uniapp.dcloud.io',
+				uni.hideToast()
-							imageUrlList:e.tempFilePaths,
+				const imageSrc : string = "/static/test-image/logo.gif";
-							success(res) {
+				uni.shareWithSystem({
-								console.log('success')
+					imageUrl: imageSrc,
-								// 分享完成，请注意此时不一定是成功分享
+					success(res) {
-							},
+						console.log('Shared----------------------------success')
-							fail(res) {
+						// 分享完成，请注意此时不一定是成功分享
-								console.log('fail')
+					},
-								// 分享失败
+					fail(res) {
-							},
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
-							complete(res) {
+						uni.showToast({
+							icon: "error",
-							}
+							title: "errorCode=" + res.errCode
-						} )
+						})
-					}
+						// 分享失败
-				})
+					},
-			},
+					complete(res) {
-			shareSnapShot() {
-				uni.getElementById("viewshot")?.takeSnapshot(
+					}
-					{
+				})
-						success: function (res) {
+			},
-							// 打印截图文件临时路径
+			sharePrivateErrorImg() {
-							console.log(res.tempFilePath)
+				uni.hideToast()
-							const context = UTSAndroid.getUniActivity()!;
+				const imageSrc : string = "/static/test-image/logo.jpg11";
-							const intent = new Intent(Intent.ACTION_SEND)
+				uni.shareWithSystem({
-							intent.setType("image/*");
+					imageUrl: imageSrc,
-							let file = new File(res.tempFilePath)
+					success(res) {
-							const uri = UTSAndroid.getFileProviderUri(file) //3.99支持
+						console.log('Shared----------------------------success')
-							intent.putExtra(Intent.EXTRA_STREAM, uri);
+						// 分享完成，请注意此时不一定是成功分享
-							context.startActivity(Intent.createChooser(intent, "分享到"));
+					},
-						},
+					fail(res) {
-						fail: function (res) {
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
-							console.log(res)
+						uni.showToast({
-							uni.showToast({
+							icon: "error",
-								icon: 'error',
+							title: "errorCode=" + res.errCode
-								title: '截图失败'
+						})
-							})
+						// 分享失败
-						}
+					},
-					}
+					complete(res) {
-				)
-			},
+					}
+				})
-		}
+			},
-	}
+			sharePrivateImgs() {
-</script>
+				uni.hideToast()
+				const errorImageSrc1 : string = "/static/test-image/logo.gif";
-<style>
+				const errorImageSrc2 : string = "/static/test-image/logo.png";
-	.button {
+				const imageSrc : string = "/static/test-image/logo.jpg";
-		margin: 15px;
+				let imageUrlList : string[] = Array()
-	}
+				imageUrlList.push(imageSrc)
+				imageUrlList.push(errorImageSrc1)
+				imageUrlList.push(errorImageSrc2)
+				uni.shareWithSystem({
+					imageUrlList: imageUrlList,
+					success(res) {
+						console.log('Shared----------------------------success')
+						// 分享完成，请注意此时不一定是成功分享
+					},
+					fail(res) {
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
+						uni.showToast({
+							icon: "error",
+							title: "errorCode=" + res.errCode
+						})
+					},
+					complete(res) {
+					}
+				})
+			},
+			sharePrivateErrorImgs() {
+				uni.hideToast()
+				const errorImageSrc1 : string = "/static/test-image/logo.jpg1";
+				const errorImageSrc2 : string = "/static/test-image/logo.jpg2";
+				const imageSrc : string = "/static/test-image/logo.jpg";
+				let imageUrlList : string[] = Array()
+				imageUrlList.push(imageSrc)
+				imageUrlList.push(errorImageSrc1)
+				imageUrlList.push(errorImageSrc2)
+				uni.shareWithSystem({
+					imageUrlList: imageUrlList,
+					success(res) {
+						console.log('Shared----------------------------success')
+						// 分享完成，请注意此时不一定是成功分享
+					},
+					fail(res) {
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
+						uni.showToast({
+							icon: "error",
+							title: "errorCode=" + res.errCode
+						})
+					},
+					complete(res) {
+					}
+				})
+			},
+			shareAll() {
+				uni.hideToast()
+				const errorImageSrc1 : string = "/static/test-image/logo.jpg1";
+				const errorImageSrc2 : string = "/static/test-image/logo.jpg1";
+				const imageSrc : string = "/static/test-image/logo.jpg";
+				let imageUrlList : string[] = Array()
+				imageUrlList.push(imageSrc)
+				imageUrlList.push(errorImageSrc1)
+				imageUrlList.push(errorImageSrc2)
+				uni.shareWithSystem({
+					summary: this.summary,
+					href: 'https://uniapp.dcloud.io',
+					imageUrlList: imageUrlList,
+					success(res) {
+						console.log('Shared----------------------------success')
+						// 分享完成，请注意此时不一定是成功分享
+					},
+					fail(res) {
+						console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
+						uni.showToast({
+							icon: "error",
+							title: "errorCode=" + res.errCode
+						})
+					},
+					complete(res) {
+					}
+				})
+			},
+			sharePubImg() {
+				uni.hideToast()
+				uni.chooseImage({
+					count: 3,
+					sourceType: ['camera', 'album'],
+					success(e) {
+						console.log(e)
+						console.log(JSON.stringify(e))
+						uni.shareWithSystem({
+							summary: this.summary,
+							href: 'https://uniapp.dcloud.io',
+							imageUrlList: e.tempFilePaths,
+							success(res) {
+								console.log('Shared----------------------------success')
+								// 分享完成，请注意此时不一定是成功分享
+							},
+							fail(res) {
+								console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
+								uni.showToast({
+									icon: "error",
+									title: "errorCode=" + res.errCode
+								})
+							},
+							complete(res) {
+							}
+						})
+					}
+				})
+			},
+			shareSnapShot() {
+				uni.hideToast()
+				uni.getElementById("viewshot")?.takeSnapshot(
+					{
+						success: function (res) {
+							// #ifdef APP-ANDROIDn
+							// 打印截图文件临时路径
+							console.log(res.tempFilePath)
+							const context = UTSAndroid.getUniActivity()!;
+							const intent = new Intent(Intent.ACTION_SEND)
+							intent.setType("image/*");
+							let file = new File(res.tempFilePath)
+							const uri = UTSAndroid.getFileProviderUri(file) //3.99支持
+							intent.putExtra(Intent.EXTRA_STREAM, uri);
+							context.startActivity(Intent.createChooser(intent, "分享到"));
+							// #endif
+							// #ifdef APP-IOS
+							uni.shareWithSystem({
+								summary: this.summary,
+								href: 'https://uniapp.dcloud.io',
+								imageUrl: res.tempFilePath,
+								success(res) {
+									console.log('Shared----------------------------success')
+									// 分享完成，请注意此时不一定是成功分享
+								},
+								fail(res) {
+									console.log('Share failed, ' + "res.errCode =" + res.errCode + '---res.errMsg= ' + res.errMsg)
+									uni.showToast({
+										icon: "error",
+										title: "errorCode=" + res.errCode
+									})
+								},
+								complete(res) {
+								}
+							})
+							// #endif
+						},
+						fail: function (res) {
+							console.log(res)
+							uni.showToast({
+								icon: 'error',
+								title: '截图失败'
+							})
+						}
+					}
+				)
+			},
+		}
+	}
+</script>
+<style>
+	.button {
+		margin: 15px;
+	}
 </style>