Web组件如何访问本地的资源文件，并添加查询参数

HarmonyOS

cbaby

2024-03-17 17:47:50

浏览

回答 1

待解决

回答 1

按赞同

按时间

wingcky

本地资源文件可存放在模块的“src\main\resources\rawfile”文件夹下，在ets文件中通过$rawfile('文件名')访问。

目前不支持直接添加查询参数，可以通过Web组件加载一个HTML文件，通过window.location.href跳转到带有参数的本地HTML页面。具体可参考示例代码：

import { webview } from '@kit.ArkWeb'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: $rawfile('index.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
    } 
  } 
}

在“src\main\resources\rawfile”文件夹下创建index.html文件和details.html。

index.html：

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> window.onload = function() { window.location.href = "details.html"; } 
    </script> 
</head> 
<body></body> 
</html>

details.html：

<!DOCTYPE html> 
<html> 
<head><title>详情页</title></head> 
<body><h1>欢迎来到详情页！</h1> 
<p>您已成功从首页跳转到此页，并在URL中添加了参数。</p></body> 
</html>

2024-03-18 21:26:32

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

发布

相关问题

Web组件访问本地资源并传递参数。

449浏览 • 1回复待解决

如何获取HSP的资源文件

1004浏览 • 1回复待解决

创建的library module 无法访问资源文件咋回事啊？

1098浏览 • 1回复待解决

鸿蒙如何获取资源文件种的路径

14603浏览 • 3回复待解决

如何获取资源文件的全路径

807浏览 • 1回复待解决

如何获取profile路径下资源文件？

630浏览 • 1回复待解决

ArkTS如何自定义资源文件

962浏览 • 1回复待解决

如何使用Web组件下载pdf文件并展示给用户

213浏览 • 1回复待解决

资源组目录element包含多少种资源文件？

41浏览 • 1回复待解决

自定义资源文件怎么读取？

1013浏览 • 1回复待解决

鸿蒙中的资源文件都又什么作用？

2503浏览 • 1回复待解决

轻量级智能穿戴 js ，运行的时候如何获取资源文件（json格式）？

2415浏览 • 1回复待解决

如何获取media资源文件的绝对路径，入参是对应Media资源 $r(app.media.xx)

734浏览 • 1回复待解决

如何动态访问media目录下的资源

909浏览 • 1回复待解决

web组件对html文件的加载

441浏览 • 1回复待解决

如何存储图片的 Buffer 到沙盒为一个 jpeg/png 文件，并使用 Image 组件进行访问。

692浏览 • 1回复待解决

webview加载的html资源文件里引入的js文件不能进行网络请求怎么回事？

2513浏览 • 1回复待解决

如何获取应用自身的源文件路径

887浏览 • 1回复待解决

ets Web加载本地html文件，本地路径该怎么写

1309浏览 • 1回复待解决

harmonyOS编写一个颜色渐变的背景资源文件，引用不起作用

9332浏览 • 3回复待解决

通过资源管理对象来读取资源目录下的图片文件并创建pixelMap

710浏览 • 1回复待解决

app.json5中的icon图标，是否可以根据product切换资源文件

658浏览 • 1回复待解决

hap安装运行之后，这个目录下面没有对应的资源文件，包括rawfile、media

742浏览 • 1回复待解决

text内容如何实时获取并添加修改?

1995浏览 • 1回复待解决

如何在HarmonyOS中添加编译参数

36浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

Web组件如何访问本地的资源文件，并添加查询参数

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