HarmonyOS 鸿蒙Next中如何自动触发web控件

“页面打开后自动触发网页内 input file”一般不建议按权限思路去找开关，因为这本质上是敏感选择器的安全交互限制，不是单纯授权问题。

可使用以下两种方案：

1. 保留用户点击并用 onShowFileSelector 接管；
2. 放弃依赖 H5 的 input file，由原生直接选文件，再把结果通过 JSBridge 回传给网页。

示例代码1：

import { webview } from '@kit.ArkWeb';
import { picker } from '@kit.CoreFileKit';

@Entry
@Component
struct WebUploadPage {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column(){
      Web({ src: 'https://www.example.com/upload.html', controller: this.controller })
        .javaScriptAccess(true)
        .onShowFileSelector((event) => {
          let docPicker = new picker.DocumentViewPicker();
          docPicker.select().then((result: Array<string>) => {
            event.result.handleFileList(result);
          }).catch((err: Error) => {
            event.result.handleFileList([]);
          });
          return true;
        })
    }
  }
}

示例代码2：

import { webview } from '@kit.ArkWeb';
import { picker } from '@kit.CoreFileKit';

@Entry
@Component
struct WebAutoPickPage {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column(){
      Web({ src: 'https://www.example.com/upload.html', controller: this.controller })
        .javaScriptAccess(true)
        .onPageEnd(() => {
          this.openPickerAndNotifyH5();
        })
    }
  }

  async openPickerAndNotifyH5(): Promise<void> {
    let docPicker = new picker.DocumentViewPicker();
    let result: Array<string> = await docPicker.select();
    if (result.length === 0) {
      return;
    }

    let uri = JSON.stringify(result[0]);
    this.controller.runJavaScript(
      'window.onNativeFileSelected && window.onNativeFileSelected(' + uri + ')'
    );
  }
}

H5侧：

window.onNativeFileSelected = function(uri) {
  console.log('native selected file:', uri);
  // 这里走你自己的上传逻辑
  // 不再依赖 input file 本身
}