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

Question

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

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

.p中的

  

<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即可解决问题。