加图片预览

1

src/views/muiscDetial/index.tsx

@@ -116,7 +116,17 @@ export default defineComponent({
       imgData: '',
       imgUrl: '',
       showImg: '',
-      iconList: [] as any
+      iconList: [] as any,
+      ossUploadUrl: 'https://ks3-cn-beijing.ksyuncs.com/cloud-coach',
+      dataObj: {
+        policy: '',
+        signature: '',
+        key: '',
+        KSSAccessKeyId: '',
+        acl: 'public-read',
+        name: ''
+      },
+      fileList: [] as any
     })
     nextTick(() => {
       // 禁用右键
@@ -145,7 +155,6 @@ export default defineComponent({
           `/api-website/open/music/sheet/detail/${state.id}`,
           {}
         )
-
         state.musicDetail = res.data
         state.musicList = res.data.teacher.musicSheetList
         state.subjectList = res.data.background
@@ -159,6 +168,27 @@ export default defineComponent({
         }
 
         state.teacherDetail = res.data.teacher
+        if (res.data.musicImg) {
+          // 有图片
+          state.showImg = res.data.musicImg
+        } else {
+          window.addEventListener(
+            'message',
+            async e => {
+              console.log(e)
+              state.imgData = e.data
+              // printHander()
+              // alert(e.data);
+              const tempCanvas = await imgToCanvas(state.imgData)
+              const showImg = convasToImg(tempCanvas)
+
+              //  开始上传图片
+              // uploadFunction(showImg)
+              state.showImg = showImg
+            },
+            false
+          )
+        }
         setAccompanyUrl()
         setUser()
       } catch (e) {
@@ -207,26 +237,42 @@ export default defineComponent({
       // window.setSvg = (val)=>{
       //   setSvg(val)
       // }
-      window.addEventListener(
-        'message',
-        async e => {
-          console.log(e)
-          state.imgData = e.data
-          // printHander()
-          // alert(e.data);
-          const tempCanvas = await imgToCanvas(state.imgData)
-          const showImg = convasToImg(tempCanvas)
-          state.showImg = showImg
-        },
-        false
-      )
+      getMusicList()
+
       state.userType = getUserType()
       state.showCode =
         state.userType == 'STUDENT' || !state.userType ? true : false
       // 拼链接
-      getMusicList()
     })
-
+    const uploadFunction =async (file) => {
+      try {
+        let fileName = state.musicDetail.musicSheetName.replaceAll(' ', '_')
+        let key = new Date().getTime() + fileName
+        let obj = {
+          filename: fileName,
+          bucketName: 'cloud-coach',
+          postData: {
+            filename: fileName,
+            acl: 'public-read',
+            key: key,
+            unknowValueField: []
+          }
+        }
+        const { data } = await request.post('/api-website/getUploadSign', {
+          data: obj
+        })
+        state.dataObj = {
+          policy: data.policy,
+          signature: data.signature,
+          key: key,
+          KSSAccessKeyId: data.kssAccessKeyId,
+          acl: 'public-read',
+          name: fileName
+        }
+      } catch (e) {
+        console.log(e)
+      }
+    }
     const setUser = () => {
       state.iconList = [] as any
       if (state.teacherDetail.tag.indexOf('STYLE') != -1) {