javascript - 在 iOS 中使用 JavaScript 在 PWA 中显示服务器生成的图像

Question

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

例子:我在 xCode 项目中添加了以下文件并使用 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)

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 中显示图像。仅显示白框..

提前致谢!

Answer 1

此问题与 HTTP 资源有关。默认情况下禁用 HTTP。有两种方法可以让它发挥作用。

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

B) 使用有效的 SSL

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