HarmonyOS web组件上传文件

import business_error from '@ohos.base' 
import web_webview from '@ohos.web.webview' 
import common from '@ohos.app.ability.common'; 
import hilog from '@ohos.hilog'; 
 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  context = getContext(this) as common.UIAbilityContext; 
  async filePicker(){ 
    const abilityResult =await this.context.startAbilityForResult( 
      { 
        action:"ohos.want.action.OPEN_FILE", 
        parameters:{ 
          'key_pick_type':'image/*', 
          'key_pick_num':10, 
          'key_pick_location':[0] 
        } 
      } 
    ); 
    const select_item_list = abilityResult?.want?.parameters; 
    return select_item_list; 
  } 
 
 
  build() { 
    Column() { 
      Web({src:$rawfile('file.html'),controller:this.controller}) 
        .onShowFileSelector((event)=>{ 
          hilog.info(0x0000, 'testTag', '%{public}s', 'Ability---onCreate'); 
          this.filePicker().then(async(filePaths)=>{ 
            if(!filePaths){ 
              event?.result?.handleFileList([]); 
              return; 
            } 
            const uri =filePaths[0]; 
            event?.result?.handleFileList([JSON.stringify(uri)]); 
          }) 
          return true; 
        }) 
    } 
  } 
} 
 
 
<input type="file" onchange="uploadChange(event)"/>