<div id="app"> <p>ทำการยิงรหัส barcode ของ palate:</p> <?php $UserLogin = $_SESSION["UserName"]; ?> <label for ="Username"> Username: </label> <br> <input id="Username" type="text" name="Username" value ="<?php echo $UserLogin; ?>" /> <br> <label for="locate"> Location: </label> <select id="locate" name="locate" v-model="locate"> <option value="ลำปาง">ลำปาง</option> <option value="สิงห์บุรี">สิงห์บุรี</option> </select> <br> <input type="text" id="barcode_id" name="barcode_id" size="16" placeholder="Tracking Code" class="qrcode-text"> <label class="qrcode-text-btn"> <input type="file" accept="image/*" capture="environment" onchange="openQRCamera(this);" tabindex="-1"> </label> <button type="button" class="add-row">Go</button> <table cellpadding="1" cellspacing="1" id="tb1"> <tbody> </tbody> </table> <br> <label for ="barcode"> Barcode: </label> <br> <input id="barcode" type="text" v-model="barcode" name="barcode_id" @keydown="addbarcode" > <br> <table> <tr v-for="(b,idx) in barcodes" :key="idx"> <td>{{b}}</td> </tr> </table> </div> <script src="https://code.jquery.com/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script> <script src="https://dmla.github.io/jsqrcode/src/qr_packed.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".add-row").click(function(){ var Username = $("#Username").val(); var locate = $("#locate").val(); var barcode_id = $("#barcode_id").val(); var markup = "<tr><td>" + Username + "</td><td>" + locate + "</td><td>" + barcode_id + "</td></tr>"; $("#tb1").append(markup); $("#barcode_id").val('') }); }); function openQRCamera(node) { var reader = new FileReader(); reader.onload = function() { node.value = ""; qrcode.callback = function(res) { if(res instanceof Error) { alert("No QR code found. Please make sure the QR code is within the camera's frame and try again."); } else { node.parentNode.previousElementSibling.value = res; } }; qrcode.decode(reader.result); }; reader.readAsDataURL(node.files[0]); }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง