Browse Source

画图测试小程序web-view组件

caner 1 year ago
parent
commit
5f4e720914
3 changed files with 6 additions and 0 deletions
  1. 2 0
      index.html
  2. 3 0
      src/pages/views/draw/index.vue
  3. 1 0
      src/vite-env.d.ts

+ 2 - 0
index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico" />
+    <!-- 小程序使用 -->
+    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
     <title>Caner</title>
   </head>
   <body>

+ 3 - 0
src/pages/views/draw/index.vue

@@ -214,6 +214,9 @@ const btns = [
     name: '保存',
     fn: () => drawCanvas.pathSave((data) => {
       console.log('数据', data)
+      // 返回=>小程序web-view bindmessage="getMessage" =>使用wx.getFileSystemManager() 写入临时文件拿到临时路径后进行上传操作
+      wx.miniProgram.postMessage({ data })
+      wx.miniProgram.navigateBack()
     }),
     type: 'info'
   }

+ 1 - 0
src/vite-env.d.ts

@@ -9,4 +9,5 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, Any>
   export default component
 }
+declare const wx