写一个调用百度API 并 可直接使用的OCR识别前端页面代码
时间: 2024-01-24 10:20:02 浏览: 277
基于PyQt5调用百度API接口的OCR识别.rar
以下是一个简单的前端页面代码,可以通过调用百度API实现OCR识别,其中需要替换成你自己的API Key和Secret Key:
```html
<!DOCTYPE html>
<html>
<head>
<title>OCR识别前端页面</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h1>OCR识别前端页面</h1>
<div>
<label for="image">上传图片:</label>
<input type="file" id="image" accept="image/*">
<button id="submit">识别</button>
</div>
<div>
<label>识别结果:</label>
<textarea id="result" rows="10" cols="50"></textarea>
</div>
<script>
$(function() {
$('#submit').on('click', function() {
var formData = new FormData();
formData.append('image', $('#image')[0].files[0]);
formData.append('language_type', 'CHN_ENG');
$.ajax({
url: 'https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic',
type: 'POST',
data: formData,
contentType: false,
processData: false,
headers: {
'Authorization': 'Bearer ' + '【百度API Key】'
},
success: function(data) {
$('#result').val(data.words_result.map(function(item) {
return item.words;
}).join('\n'));
},
error: function(xhr, textStatus, errorThrown) {
alert('OCR识别失败:' + textStatus);
}
});
});
});
</script>
</body>
</html>
```
在使用时,需要将【百度API Key】替换成你自己的API Key,并将页面代码部署到服务器上。用户可以在页面上选择要识别的图片,然后点击“识别”按钮,即可将图片上传到百度API进行OCR识别,并将识别结果显示在页面上。
阅读全文