ocr_prod.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Login and Registration</title>
  7. </head>
  8. <body>
  9. <!--https://aimp.aimpdev.k5.bigtree.tech/api/aimp-platform/out_api/processInvokeFile/jianbin_ocr-->
  10. <form method="post" action="https://aimp.btaimp.k7.bigtree.tech/api/aimp-platform/out_api/processInvokeFile/kj_report_ocr" enctype="multipart/form-data">
  11. <label for="file">选择文件:</label>
  12. <input type="file" id="file" name="file"><br><br>
  13. <label for="queryNo">自定义参数queryNo:</label>
  14. <input type="text" id="queryNo" name="queryNo"><br><br>
  15. <input type="submit" value="上传">
  16. </form>
  17. <p id="responseTime"></p>
  18. <p id="responseResult"></p>
  19. <script type="text/javascript">
  20. var form = document.querySelector('form');
  21. form.addEventListener('submit', function (event) {
  22. event.preventDefault(); // 阻止表单默认提交行为
  23. var fileInput = document.getElementById('file');
  24. var queryNoInput = document.getElementById('queryNo');
  25. var formData = new FormData();
  26. formData.append('file', fileInput.files[0]);
  27. formData.append('queryNo', queryNoInput.value);
  28. var xhr = new XMLHttpRequest();
  29. xhr.open('POST', form.action);
  30. xhr.setRequestHeader('appId', '85bbe16e29e240e89204f2951b894e84');
  31. xhr.setRequestHeader('secret', 'VAhNW2iELMafYRJrHIKxxk_y4LM0ewmg');
  32. var startTime = new Date().getTime(); // 记录开始时间
  33. xhr.onload = function () {
  34. var endTime = new Date().getTime(); // 记录结束时间
  35. var responseTime = (endTime - startTime) / 1000; // 计算耗时,单位为秒
  36. document.getElementById('responseTime').innerHTML = '耗时:' + responseTime + '秒';
  37. var response = JSON.parse(xhr.responseText);
  38. document.getElementById('responseResult').innerHTML = '返回结果:' + JSON.stringify(response);
  39. };
  40. xhr.send(formData);
  41. });
  42. </script>
  43. </body>
  44. </html>