网页二维码扫一扫可以自动打开URL吗

Question

我是一名程序员，我刚刚在 Android studio 中制作了一个带有 webview 的简单 webapp。除了一件事，我一切正常。我使用了 LazarSoft 的 WebQR 集。在我的 webapp 部分，我有一个名为 webqr.js 的文件（位于下方），其中包含以下内容。

我想做的是当扫描二维码时，我想在同一个浏览器 window 中自动打开结果（如果它是 URL）。现在它只显示结果。

如有任何帮助，我们将不胜感激。

var gCtx = null;
var gCanvas = null;
var c=0;
var stype=0;
var gUM=false;
var webkit=false;
var moz=false;
var v=null;

var imghtml='<div id="qrfile"><canvas id="out-canvas" width="320" height="240"></canvas>'+
    '<div id="imghelp">drag and drop a QRCode here'+
 '<br>or select a file'+
 '<input type="file" onchange="handleFiles(this.files)"/>'+
 '</div>'+
'</div>';

var vidhtml = '<video id="v" autoplay></video>';

function dragenter(e) {
  e.stopPropagation();
  e.preventDefault();
}

function dragover(e) {
  e.stopPropagation();
  e.preventDefault();
}
function drop(e) {
  e.stopPropagation();
  e.preventDefault();

  var dt = e.dataTransfer;
  var files = dt.files;
  if(files.length>0)
  {
 handleFiles(files);
  }
  else
  if(dt.getData('URL'))
  {
 qrcode.decode(dt.getData('URL'));
  }
}

function handleFiles(f)
{
 var o=[];
 
 for(var i =0;i<f.length;i++)
 {
        var reader = new FileReader();
        reader.onload = (function(theFile) {
        return function(e) {
            gCtx.clearRect(0, 0, gCanvas.width, gCanvas.height);

   qrcode.decode(e.target.result);
        };
        })(f[i]);
        reader.readAsDataURL(f[i]); 
    }
}

function initCanvas(w,h)
{
    gCanvas = document.getElementById("qr-canvas");
    gCanvas.style.width = w + "px";
    gCanvas.style.height = h + "px";
    gCanvas.width = w;
    gCanvas.height = h;
    gCtx = gCanvas.getContext("2d");
    gCtx.clearRect(0, 0, w, h);
}


function captureToCanvas() {
    if(stype!=1)
        return;
    if(gUM)
    {
        try{
            gCtx.drawImage(v,0,0);
            try{
                qrcode.decode();
            }
            catch(e){       
                console.log(e);
                setTimeout(captureToCanvas, 500);
            };
        }
        catch(e){       
                console.log(e);
                setTimeout(captureToCanvas, 500);
        };
    }
}

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

function read(a)
{
    var html="<br>";
    if(a.indexOf("http://") === 0 || a.indexOf("https://") === 0)
        html+="<a target='_blank' href='"+a+"'>"+a+"</a><br>";
    html+="<b>"+htmlEntities(a)+"</b><br><br>";
    document.getElementById("result").innerHTML=html;
} 

function isCanvasSupported(){
  var elem = document.createElement('canvas');
  return !!(elem.getContext && elem.getContext('2d'));
}
function success(stream) {
    if(webkit)
        v.src = window.webkitURL.createObjectURL(stream);
    else
    if(moz)
    {
        v.mozSrcObject = stream;
        v.play();
    }
    else
        v.src = stream;
    gUM=true;
    setTimeout(captureToCanvas, 500);
}
  
function error(error) {
    gUM=false;
    return;
}

function load()
{
 if(isCanvasSupported() && window.File && window.FileReader)
 {
  initCanvas(800, 600);
  qrcode.callback = read;
  document.getElementById("mainbody").style.display="inline";
        setwebcam();
 }
 else
 {
  document.getElementById("mainbody").style.display="inline";
  document.getElementById("mainbody").innerHTML='<p id="mp1">QR code scanner for HTML5 capable browsers</p><br>'+
        '<br><p id="mp2">sorry your browser is not supported</p><br><br>'+
        '<p id="mp1">try <a href="http://www.mozilla.com/firefox"><img src="firefox.png"/></a> or <a href="http://chrome.google.com"><img src="chrome_logo.gif"/></a> or <a href="http://www.opera.com"><img src="Opera-logo.png"/></a></p>';
 }
}

function setwebcam()
{
 document.getElementById("result").innerHTML="- scanning -";
    if(stype==1)
    {
        setTimeout(captureToCanvas, 500);    
        return;
    }
    var n=navigator;
    document.getElementById("outdiv").innerHTML = vidhtml;
    v=document.getElementById("v");

    if(n.getUserMedia)
        n.getUserMedia({video: true, audio: false}, success, error);
    else
    if(n.webkitGetUserMedia)
    {
        webkit=true;
        n.webkitGetUserMedia({video:true, audio: false}, success, error);
    }
    else
    if(n.mozGetUserMedia)
    {
        moz=true;
        n.mozGetUserMedia({video: true, audio: false}, success, error);
    }

    //document.getElementById("qrimg").src="qrimg2.png";
    //document.getElementById("webcamimg").src="webcam.png";
    document.getElementById("qrimg").style.opacity=0.2;
    document.getElementById("webcamimg").style.opacity=1.0;

    stype=1;
    setTimeout(captureToCanvas, 500);
}
function setimg()
{
 document.getElementById("result").innerHTML="";
    if(stype==2)
        return;
    document.getElementById("outdiv").innerHTML = imghtml;
    //document.getElementById("qrimg").src="qrimg.png";
    //document.getElementById("webcamimg").src="webcam2.png";
    document.getElementById("qrimg").style.opacity=1.0;
    document.getElementById("webcamimg").style.opacity=0.2;
    var qrfile = document.getElementById("qrfile");
    qrfile.addEventListener("dragenter", dragenter, false);  
    qrfile.addEventListener("dragover", dragover, false);  
    qrfile.addEventListener("drop", drop, false);
    stype=2;
}

Answer 1

欢迎使用 JavaScript，祝您长期繁荣昌盛！

由于您是 JavaScript 的新手，您可能不知道它的浏览器 API，但不要害怕！

你要找的是window.open

它的语法很简单：

window.open("http://example.com")

所以，当你从你的 qr 解码器中得到 url 时，你所要做的就是 window.open URL，然后中提琴 window 就会出现在新标签页中！

现在如果你想在同一个浏览器中打开 window，那么你想使用

window.location.replace("http://example.com")

这将重定向 相同的 选项卡，而不是新选项卡！

要在您的程序中实现它，请看一下这个 read 函数：

function read(a) {
  // If it's a URL, open in here
  if(a.indexOf("http://") === 0 || a.indexOf("https://") === 0)
    window.location.replace(a)
}

希望能帮到你！

网页二维码扫一扫可以自动打开URL吗

Can I open the URL automaticly when I scan with WebQR

javascript

qr-code