jQuery $.get 从 https 站点到 http

Question

在我的网页上，我集成了一个 foscam 网络摄像头。它就像一个魅力，直到我将我的域从 http 切换到 https。问题似乎是不允许您从 https 站点与非 https 站点进行通信（foscam 只能通过 http 进行通信）。如果您从安全的角度考虑，这似乎完全有道理，但我想知道是否有办法解决它

为了集成网络摄像头，我使用了这个脚本：

<script language="JavaScript" type="text/javascript">

function reload()
{
   setTimeout('reloadImg("refresh")',10)
};

function reloadImg(id) 
{ 
   var obj = document.getElementById(id); 
   var date = new Date(); 
   obj.src = "http://www.somedomain.com/snapshot.cgi?user=username&pwd=mypw&t=" + Math.floor(date.getTime()/10); 
} 

@endif
</script>   

和

<img src="http://www.somedomain.com/snapshot.cgi?user=username&pwd=mypw&t" name="refresh" id="refresh" onload='reload(this)' onerror='reload(this)'> 

这仍然有效（尽管控制台确实显示了类似的错误

混合内容：“https://www.somedomain.nl/webcam”处的页面通过 HTTPS 加载，但请求了不安全的图像“http://www.somedomain.nl/snapshot.cgi?user=user&pwd=pass!&t=145244729934”。此内容也应通过 HTTPS 提供。

我遇到的真正问题是控制网络摄像头的按钮。 为此，我使用如下代码：

 $("#left").click(function(){
             $.get( "http://www.somedomain.nl/decoder_control.cgi?command=6&user=username&pwd=pass&onestep=1",
 function( data ) {});
         });

这些按钮不再起作用，并在控制台中生成以下错误：

混合内容：“https://www.somedomain.nl/webcam”处的页面通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“http://www.somedomain.nl/decoder_control.cgi?command=2&user=someuser&pwd=pass!&onestep=1”。 此请求已被阻止；内容必须通过 HTTPS.send @jquery.js:8625jQuery.extend.ajax @jquery.js:8161jQuery.(匿名函数)@jquery.js:8306(匿名函数)@webcam:38jQuery.event.dispatch @jquery 提供.js:4430elemData.handle@jquery.js:4116

有没有办法解决这个问题？

Answer 1

或许你应该把http改成https：

 $("#left").click(function(){
             $.get( "https://www.somedomain.nl/decoder_control.cgi?command=6&user=username&pwd=pass&onestep=1",
 function( data ) {});
         });

编辑：link：

如何使用https访问的方法： 直接在浏览器中输入https://cameraip:httpsport/登录相机。

但此功能需要新固件：

新固件支持HTTPS，提高了登录相机时的安全性。