Web组件如何实现文件上传功能?

Web组件如何实现文件上传功能?

HarmonyOS
2024-08-06 18:29:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
mzshj

网页中的配置:

<!-- 点击上传文件按钮 -->

<input type="file" value="file"></br>

artTS代码:

import web_webview from '@ohos.web.webview';
import picker from '@ohos.file.picker';
import { BusinessError } from '@ohos.base';
@Entry
@Component
struct Index {
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  build() {
    Column() {
      Web({ src: $rawfile('xxx.html'), controller: this.controller })
        .onShowFileSelector((event) => {
          // 点击上传按钮后会回调此方法
          const documentSelectOptions = new picker.DocumentSelectOptions();
          let uri: string | null = null;
          const documentViewPicker = new picker.DocumentViewPicker();
          documentViewPicker.select(documentSelectOptions).then((documentSelectResult) => {
            uri = documentSelectResult[0];
            if (event) {
              event.result.handleFileList([uri]);
            }
          }).catch((err: BusinessError) => {
            console.error(`Invoke documentViewPicker.select failed, code is ${err.code}, message is ${err.message}`);
          })
          return true
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2024-08-06 20:05:23
相关问题
HarmonyOS Web 图片上传功能失效
49浏览 • 1回复 待解决
HarmonyOS web组件上传文件
41浏览 • 1回复 待解决
HarmonyOS web上传文件和图片
106浏览 • 1回复 待解决
NEXT网络请求如何上传文件
1914浏览 • 1回复 待解决
HarmonyOS如何实现图片的上传
285浏览 • 1回复 待解决
HarmonyOS上传文件问题
291浏览 • 1回复 待解决
文件上传的本地路径如何获取
250浏览 • 1回复 待解决
Web组件如何实现高度自适应?
920浏览 • 1回复 待解决
上传文件后,如何接受后端返回数据
1748浏览 • 1回复 待解决
HarmonyOS 上传文件相关Demo
285浏览 • 1回复 待解决
HarmonyOS文件上传怎么写
356浏览 • 1回复 待解决
web组件对html文件的加载
654浏览 • 1回复 待解决
Web组件中的预加载,如何实现
1043浏览 • 1回复 待解决
求大佬告知如何将http文件上传
723浏览 • 1回复 待解决
HarmonyOS日志文件上传问题
372浏览 • 1回复 待解决
HarmonyOS 文件上传 & 资源读取问题
306浏览 • 1回复 待解决
怎样实现Web组件的下载能力?
312浏览 • 1回复 待解决
通过web上传图片并进行预览
802浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
325浏览 • 1回复 待解决