getAcceptType返回类型有问题

accept=“image/"的时候，通过getAcceptType（）这个方法拿到的type并不是["image/”]，预期就是拿到对应数组。

getAcceptType返回类型有问题-鸿蒙开发者社区

accept="image/jpeg"的时候，调试的数组不符合预期。

HarmonyOS

Heiang

2024-11-06 11:41:30

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

可以通过onMessageEvent传递数据，文档参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-app-page-data-channel-V5

代码参考：

Index.ets

Web({ src: $rawfile('index.html'), controller: this.controller }) 
  .onPageEnd(() => { 
    try { 
      // 1、创建两个消息端口。 
      this.ports = this.controller.createWebMessagePorts(); 
      // 2、在应用侧的消息端口(如端口1)上注册回调事件。 
      this.ports[1].onMessageEvent((result: web_webview.WebMessage) => { 
        this.receivedFromHtml = result.toString(); 
      }) 
      // 3、将另一个消息端口(如端口0)发送到HTML侧，由HTML侧保存并使用。 
      this.controller.postMessage('filePick', [this.ports[0]], '*'); 
    } catch (error) { 
      let e: business_error.BusinessError = error as business_error.BusinessError; 
      console.error(`ErrorCode: ${e.code},  Message: ${e.message}`); 
    } 
  })

test.html

<!--xxx.html--> 
  <!DOCTYPE html> 
  <html> 
  <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>WebView Message Port Demo</title> 
  </head> 
  <body> 
  <h1>WebView Message Port Demo</h1> 
  <div> 
  <input type="file" value="SendToEts" accept="image/jpeg"/><br/> 
  <input type="file" accept="application/vnd.sealed.xls" /><br/> 
  </div> 
  <p class="output">display received message send from ets</p> 
  </body> 
  <script> 
  var h5Port; 
window.addEventListener('message', function (event) { 
  if (event.data === 'filePick') { 
    if (event.ports[0] !== null) { 
      h5Port = event.ports[0]; // 1. 保存从应用侧发送过来的端口。 
    } 
  } 
}) 
const inputArr = document.querySelectorAll('input'); 
inputArr.forEach((item) => { 
  item.addEventListener('click',function (event) { 
    if (h5Port) { 
      h5Port.postMessage(event.target.accept); 
    } else { 
      console.error('h5Port is null, Please initialize first'); 
    } 
  }) 
}) 
  </script> 
  </html>

2024-11-06 16:08:54

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

getAcceptType返回类型有问题

订阅鸿蒙技术特刊，精选内容抢先看