1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Login and Registration</title>
- </head>
- <body>
- <!--https://aimp.aimpdev.k5.bigtree.tech/api/aimp-platform/out_api/processInvokeFile/jianbin_ocr-->
- <form method="post" action="https://aimp.btaimp.k7.bigtree.tech/api/aimp-platform/out_api/processInvokeFile/kj_report_ocr" enctype="multipart/form-data">
- <label for="file">选择文件:</label>
- <input type="file" id="file" name="file"><br><br>
- <label for="queryNo">自定义参数queryNo:</label>
- <input type="text" id="queryNo" name="queryNo"><br><br>
- <input type="submit" value="上传">
- </form>
- <p id="responseTime"></p>
- <p id="responseResult"></p>
- <script type="text/javascript">
- var form = document.querySelector('form');
- form.addEventListener('submit', function (event) {
- event.preventDefault(); // 阻止表单默认提交行为
- var fileInput = document.getElementById('file');
- var queryNoInput = document.getElementById('queryNo');
- var formData = new FormData();
- formData.append('file', fileInput.files[0]);
- formData.append('queryNo', queryNoInput.value);
- var xhr = new XMLHttpRequest();
- xhr.open('POST', form.action);
- xhr.setRequestHeader('appId', '85bbe16e29e240e89204f2951b894e84');
- xhr.setRequestHeader('secret', 'VAhNW2iELMafYRJrHIKxxk_y4LM0ewmg');
- var startTime = new Date().getTime(); // 记录开始时间
- xhr.onload = function () {
- var endTime = new Date().getTime(); // 记录结束时间
- var responseTime = (endTime - startTime) / 1000; // 计算耗时,单位为秒
- document.getElementById('responseTime').innerHTML = '耗时:' + responseTime + '秒';
- var response = JSON.parse(xhr.responseText);
- document.getElementById('responseResult').innerHTML = '返回结果:' + JSON.stringify(response);
- };
- xhr.send(formData);
- });
- </script>
- </body>
- </html>
|