首页写一个调用百度API 并可直接使用的OCR识别前端页面代码

写一个调用百度API 并可直接使用的OCR识别前端页面代码

时间: 2024-01-24 18:19:52 浏览: 65

以下是一个简单的使用百度API的OCR识别前端页面代码： ```html <!DOCTYPE html> <html> <head> <title>OCR识别前端页面</title> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> </head> <body> <div> <label for="image">选择图片：</label> <input type="file" id="image"> <button id="submit">提交</button> </div> <div id="result"></div> <script type="text/javascript"> $(function() { $('#submit').click(function() { var file = $('#image')[0].files[0]; var formData = new FormData(); formData.append('image', file, file.name); axios({ method: 'post', url: 'https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, params: { 'access_token': '你的百度API access_token', }, data: formData }).then(function(response) { console.log(response.data); $('#result').text(JSON.stringify(response.data)); }).catch(function(error) { console.log(error); }); }); }); </script> </body> </html> ``` 在上面的代码中，我们使用了jQuery和axios库来实现文件上传和API请求。注意替换掉代码中的`你的百度API access_token`为你自己的API访问令牌。页面中有一个文件选择框和一个提交按钮，当用户选择了图片并点击了提交按钮后，会发送一个POST请求到百度的OCR识别API，并将识别结果显示在页面上。

阅读全文