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

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

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

in.html

但是，不在Webview中显示图像。仅显示白色框

---

提前谢谢

这个问题与HTTP资源有关。默认情况下，禁用HTTP。有两种方法可以让它工作

A） 通过启用HTTP（不鼓励）

B） 通过使用有效的SSL

---

由于映像资源已经有一个有效的SSL证书，因此将HTTP更改为HTTPS就可以了。

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

A） 通过启用HTTP（不鼓励）

B） 通过使用有效的SSL

---

由于映像资源已经有一个有效的SSL证书，因此将HTTP更改为HTTPS就可以了。

我怀疑您的info.plist中不允许使用HTTP。您可能希望尝试使用HTTPS，因为cloudinary.com有一个有效的HTTPS证书，其中包含以下url@SahilManchandaThanks Sahil。在使用https后，它在WKWebView中也不起作用。我很高兴这对您有效。@SahilManchanda我无法在单击事件时更新图像。我怀疑您的info.plist中不允许使用HTTP。您可能希望尝试使用HTTPS，因为cloudinary.com有一个有效的HTTPS证书，其中包含以下url@SahilManchandaThanks Sahil。在使用https后，它在WKWebView中也不起作用。我很高兴这对您有效。@SahilManchanda我无法在单击事件时更新图像

<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>

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";
    }
}