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

Question

在PWA中面临问题。我正在尝试使用超文本标记语言，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就可以了。