在 iOS 中使用 JavaScript 在 PWA 中显示服务器生成的图像 [英] display server generated image in PWA using JavaScript in iOS

问题描述

PWA 中面临的问题.我正在尝试使用 HTML、Javascript 在 iOS 的 WKWebview 中显示图像.

Facing issue in PWA. I am trying to display image in WKWebview in iOS using HTML, Javascript.

示例:我在 xCode 项目中添加了以下文件并使用 WKWebview 进行配置.

Example: I have added below file in xCode project and configuring with WKWebview.

在.html

<img id="myimage" onclick="changeImage()" src="http://res.cloudinary.com/klipfolio/image/upload/v1500283193/pic_bulboff_to4zaq.png"  height="180">
    <p>Click the lightbulb to turn on/off the light</p>

在 .js 文件 (JavaScript)

in .js file (JavaScript)

window.changeImage = function() {
    element=document.getElementById('myimage');
    if (element.src.match("bulbon")) {
        element.src="http://res.cloudinary.com/klipfolio/image/upload/v1500283193/pic_bulboff_to4zaq.png";
    }
    else { element.src="http://res.cloudinary.com/klipfolio/image/upload/v1500283189/pic_bulbon_tvpcg5.png";
    }
}

但是，不在 Webview 中显示图像.只显示白框..

But, not displaying image in Webview. showing white box only..

提前致谢！

推荐答案

该问题与 HTTP 资源有关.默认情况下禁用 HTTP.有两种方法可以使它工作.

The issue is related to HTTP resources. By default HTTP is disabled. There are two ways you can make it work.

A) 通过启用 HTTP(不鼓励)

A) By enabling HTTP (Discouraged)

B) 通过使用有效的 SSL

B) By using a valid SSL

由于图像资源已经具有有效的 SSL 证书，因此从 HTTP 更改为 HTTPS 即可.

Since the image resource already has a valid SSL certificate, changing from HTTP to HTTPS will do the trick.

这篇关于在 iOS 中使用 JavaScript 在 PWA 中显示服务器生成的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！