课程中心页面注册，uv-tabs引入

2025-06-18 17:58:40 +08:00
parent ec981efa71
commit 514bea374a
16 changed files with 1137 additions and 2 deletions
@@ -0,0 +1,66 @@
+<template>
+	<image :src="imgUrl"></image>
+</template>
+
+<script>
+	import previewFile from'@/api/common.js'
+	export default {
+		name:"image-preview",
+		props:{
+			modelValue:{
+				default:'',
+				type:String
+			}
+		},
+		data() {
+			return {
+				imgUrl
+			};
+		},
+		watch: {
+			modelValue: {
+				handler(newval, oldval) {
+					if (newval) {
+					this.getPreviewUrlBlob(newval);
+					}
+				},
+				immediate: true,
+				deep: true,
+			},
+			imgUrlShow: {
+				handler(newval, oldval) {
+					if (oldval) {
+						URL.revokeObjectURL(oldval);
+					}
+				},
+				immediate: true,
+				deep: true,
+			}
+		},
+		methods: {
+			getPreviewUrlBlob(id) {
+				previewFile(id).then((res) => {
+					this.imgUrlShow = URL.createObjectURL(res);
+					
+					// const reader = new FileReader();
+					// reader.readAsDataURL(res)
+					// reader.onloadend = () => {
+					// 	this.imgUrlShow = reader.result;
+					// }
+				});
+			},
+		},
+		mounted() {
+			if (this.modelValue) {
+				this.getPreviewUrlBlob(this.modelValue);
+			}
+		},
+		beforeDestroy() {
+			URL.revokeObjectURL(this.imgUrlShow);
+		},
+	}
+</script>
+
+<style>
+
+</style>