javascript - jQuery $.get 从 https 站点到 http

Question

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

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

<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.(anonymous function) @jquery.js:8306(anonymous function) @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 :

The method how to use https visit: Type https://cameraip:https port/ in the browser directly to login the camera.

但此功能需要新固件:

The new firmware support HTTPS, it improved the security when you login your camera.