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

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

发布

相关问题

如何获取HSP的资源文件

275浏览 • 1回复待解决

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

424浏览 • 1回复待解决

13774浏览 • 3回复待解决

328浏览 • 1回复待解决

269浏览 • 1回复待解决

1880浏览 • 1回复待解决

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

1857浏览 • 1回复待解决

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

603浏览 • 1回复待解决

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

266浏览 • 1回复待解决

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

220浏览 • 1回复待解决

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

1974浏览 • 1回复待解决

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

1277浏览 • 1回复待解决

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

8684浏览 • 3回复待解决

通过resourceManager.getStringResource接口获取HSP资源文件报“Resource id invalid”错误

117浏览 • 1回复待解决

Web组件如何实现嵌套滑动，如何实现web控件的自适应高度

261浏览 • 1回复待解决

使用Web组件加载本地网页时，如何在本地网页中调用ArkTS中的函数

587浏览 • 1回复待解决

自定义json资源文件需要放在工程的哪个目录下？用什么方式读取内容？

423浏览 • 2回复待解决

Iamge组件如何加载Graphic的资源图片？

5295浏览 • 1回复待解决

WebView 加何加载本地资源里的ttf,svg,woff等相关的字体文件？

5041浏览 • 1回复待解决

问：利用web组件，可以完成js和wen组件的方法的相互调用，如何利用web组件，给html发消息。

786浏览 • 1回复待解决

鸿蒙本地模拟器如何访问本机的127.0.0.1

2940浏览 • 1回复待解决

选择本机上的一个xlsx文件，本地解析文件，如何获取本地文件的path

4190浏览 • 1回复待解决

如何判断Web组件是否全屏

274浏览 • 1回复待解决

PostgreSQL group by 获取唯一值并添加列

1016浏览 • 2回复待解决

获取rawfile下面的资源文件时只有dom_exocr.lic能获取到 md5这个文件就获取不到

9浏览 • 0回复待解决

51CTO

51CTO博客

51CTO学堂

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

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