javascript - 使用 http 身份验证从 IP 摄像机 url 获取图像

Question

您好，我尝试将我的 CCTV Cam 的快照放在我的网页/HTML 页面上(所有本地)。但问题是 HTTP 身份验证。

  <img id="img1" border="0" src="http://admin:admin@192.168.178.41/tmpfs/auto.jpg">

此解决方案不可行，因为出于安全原因，Chrome 不再允许在 URL 中使用凭据。

如果没有凭据，我显然会收到错误 401。我用 xmlHttpRequest 尝试过，但问题是我无法在相机的服务器端激活 CORS，我想从那里获取图像。我已经尝试禁用 cam 中的 http 身份验证，但界面不允许。我不关心安全方面，因为 cam 仅在 protected 本地网络中使用。我也尝试过 node.js

   var request = require('request');

var options = {  
    url: 'http://192.168.178.41/tmpfs/auto.jpg',
    auth: {
        username: 'admin',
        password: 'admin'
    }
};

request.get(options);
console.log(request.get(options));

对不起，我对 Node.js 不是很熟悉，希望你能帮我解决我的问题。

Answer 1

你应该可以用 nodeJs 来做到这一点，你正在发送 request 但你没有对结果做任何事情，它在回调中可用，试试这个:

const auth = 'Basic ' + Buffer.from(username + ':' password).toString('base64');

const options = {
    url : 'http://192.168.178.41/tmpfs/auto.jpg',
    headers : {
        "Authorization" : auth
    }
}

request.get(options, (error, response, body) => {
    console.log(body); // there's your image
});

您始终可以将 auth 凭据直接放在 url 中:

const options = {
    url : 'http://admin:admin@192.168.178.41/tmpfs/auto.jpg'
}

request.get(options, (error, response, body) => {
    console.log(body); // there's your image
});