HarmonyOS 鸿蒙Next WebView无法加载h5页面中的图片

发布于 1周前 作者 eggper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next WebView无法加载h5页面中的图片
08-14 03:41:49.442 6977-6977 C0391f/AceImage com.chuny…_harmony W [image_loading_context.cpp(399)-(100000:100000:scope)] Image LoadFail, source = <private>, reason: Http task of url https://resourced.chunyu.mobi/mv8AAABndq2Rb10W-dc8da183-7f14-4f80-b3d4-7a87d671b75a_w1440_h1440_.jpg?imageMogr2/thumbnail/150x failed, response code 0, msg from netStack: SSL peer certificate or SSH remote key was not OK

加载H5时,无法显示其中的图片资源,示例: https://biztest.chunyutianxia.com/api/v8/get_group_hot_sale_list/


更多关于HarmonyOS 鸿蒙Next WebView无法加载h5页面中的图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

示例如下

加上属性即可

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();
  @State mode: MixedMode = MixedMode.All;
  build() {
    Column() {
      Button('loadUrl')
        .onClick(() => {})
      Web({
        src: "url地址",
        controller: this.controller
      })
        .domStorageAccess(true)
        .fileAccess(true)
        .imageAccess(true)
        .javaScriptAccess(true)
        .mixedMode(this.mode)
        .onlineImageAccess(true)
        .allowWindowOpenMethod(true)
    }
  }
}

更多关于HarmonyOS 鸿蒙Next WebView无法加载h5页面中的图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对HarmonyOS鸿蒙Next WebView无法加载h5页面中的图片的问题,可能的原因及解决方案如下:

  1. 网络权限

    • 确认应用已获取网络访问权限。在鸿蒙系统中,应用需要明确声明并获取网络权限才能访问网络资源。
  2. WebView配置

    • 检查WebView的配置,确保已正确设置允许加载图片。可以通过WebView的设置接口来允许或禁止加载图片。
  3. 资源路径问题

    • 确认图片资源的URL是否正确,包括协议(http/https)、域名、路径及文件名等。错误的URL将导致图片加载失败。
  4. WebView版本兼容性

    • 检查当前使用的WebView组件版本是否与鸿蒙系统版本兼容。有时版本更新会带来不兼容的问题,需要更新WebView组件或调整代码以适应新版本。
  5. 缓存问题

    • 尝试清除WebView的缓存,有时缓存中的数据可能导致加载问题。
  6. 错误处理

    • 在WebView中添加错误处理逻辑,当图片加载失败时能够捕获并处理错误,以便进行调试或提供用户友好的提示。

如果上述方法均未能解决问题,可能是系统或应用层面的更深层次问题。此时,建议直接联系鸿蒙系统的官方技术支持团队以获取更专业的帮助。如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部