如何打开相机扫描二维码到Google表单域？

Question

我们使用 Google 表格来跟踪对特定事件的参与。工作人员和与会者输入他们的 ID 号，该 ID 号随 QR 码一起分发。

我的任务是设法弄清楚我们如何访问 iPad 摄像头（我们使用 iPad 来填写表格）以扫描与会者的二维码并将他们的 ID 号从代码中输入到正确的字段中表格.

我相信我们可以以某种方式使用 Google Apps 脚本，但我不确定。

Answer 1

最近对 iphone 与 webapps 一起使用的对话框进行了更改，使我可以访问一个对话框，该对话框允许我选择文件上传的来源，其中一个选项是相机。我上传了一张显示对话框的应用程序图片。我还包含了我的 html 以便您可以看到它只是一个文件上传。也许这会有所帮助。

带对话框的应用图片：

这是我的 html:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
      $(function(){
        google.script.run
        .withSuccessHandler(function(rObj){
          $('#dt').val(rObj.date);
        })
        .initForm();
        
      });
      function fileUploadJs(frmData) {
        var amt=$('#amt').val();
        var vndr=$('#vndr').val();
        var img=$('#img').val();
        if(!amt){
          window.alert('No amount provided');
          $('#amt').focus();
          return;
        }
        if(!vndr) {
          window.alert('No vendor provided');
          $('#vndr').focus();
          return;
        }
        if(!img) {
          window.alert('No image chosen');
          $('#img').focus();
        }
        document.getElementById('status').style.display ='inline';
        google.script.run
        .withSuccessHandler(function(hl){
          document.getElementById('status').innerHTML=hl;
        })
        .uploadTheForm(frmData)
      }
      console.log('My Code');
    </script>
    <style>
      input,textarea{margin:5px 5px 5px 0;}
    </style>
  </head>
   <body>
    <h3 id="main-heading">Receipt Information</h3>
    <div id="formDiv">
      <form id="myForm">
        <br /><input type="date" name="date" id="dt"/>
        <br /><input type="number" name="amount" placeholder="Amount" id="amt" />
        <br /><input type="text" name="vendor" placeholder="Vendor" id="vndr"/>
        <br /><textarea name="notes" cols="40" rows="2" placeholder="NOTES"></textarea>
        <br/>Receipt Image
        <br /><input type="file" name="receipt" id="img" />
        <br /><input type="button" value="Submit" onclick="fileUploadJs(this.parentNode)" />
      </form>
    </div>
  <div id="status" style="display: none">
  <!-- div will be filled with innerHTML after form submission. -->
  Uploading. Please wait...
  </div>  
</body>
</html>

如何打开相机扫描二维码到Google表单域？

How to open camera to scan QR code into Google Form field?

camera

qr-code

google-apps-script

google-forms