HarmonyOS 鸿蒙Next web组件onShowFileSelector事件处理，使用弹框（相机/文件按钮）或判断前端input调用类型

可以参考这个demo看看行不行：

// xxx.ets
import web_webview from '@ohos.web.webview';
import picker from '@ohos.file.picker';
import { BusinessError } from '@ohos.base';
import { promptAction } from '@kit.ArkUI';
@Entry
@Component
struct Index {
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  dialogController: CustomDialogController = new CustomDialogController({
    builder: ShowDialog({})
  })
  @Provide event: CustomEvent | undefined = undefined
  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .onShowFileSelector((event) => {
          this.dialogController.open()
          this.event = event
          return true
        })
    }
  }
}
@CustomDialog
struct ShowDialog {
  @Consume event: CustomEvent
  @State choice: string = ''
  controller: CustomDialogController = new CustomDialogController({
    builder: ShowDialog({})
  })
  handle(param: CustomEvent) {
    if (this.choice === '文件') {
      console.log(`当前的选择是2${this.choice}`)
      console.log('MyFileUploader onShowFileSelector invoked')
      const documentSelectOptions = new picker.DocumentSelectOptions();
      let uri: string | null = null;
      const documentViewPicker = new picker.DocumentViewPicker();
      documentViewPicker.select(documentSelectOptions).then((documentSelectResult) => {
        uri = documentSelectResult[0];
        console.info('documentViewPicker.select to file succeed and uri is:' + uri);
        if (this.event) {
          this.event.result.handleFileList([uri]);
        }
      }).catch((err: BusinessError) => {
        console.error(`Invoke documentViewPicker.select failed, code is ${err.code}, message is ${err.message}`);
      })
    } else if (this.choice === '相机') {
      promptAction.showToast({ message: '正在开发中' })
    }
  }
  build() {
    Column({ space: 10 }) {
      Button('文件')
        .onClick(() => {
          this.choice = '文件'
          this.handle(this.event)
          this.controller.close()
        })
      Button('相机')
        .onClick(() => {
          this.choice = '相机'
          this.handle(this.event)
          this.controller.close()
        })
    }.width("100%")
    .height(400)
    .justifyContent(FlexAlign.Center)
  }
}
interface CustomEvent {
  result: FileSelectorResult,
  fileSelector: FileSelectorParam
}