mrtcode
commented
5 years ago A small DEMO to upload PDF file and get recognized data. REPLACE_WITH_API_GATEWAY_URL have to be replaced with the real URL. CORS have to configured for API GATEWAY or disabled in browser when testing for development purposes.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Upload</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" name="fileinfo">
<input id="file1" type="file" name="file" required/>
<input type="button" value="Upload" onclick="upload()"/>
</form>
<script>
async function upload() {
let fileInput = document.getElementById('file1');
let response = await fetch('https://REPLACE_WITH_API_GATEWAY_URL/recognize/getUploadParams', {method: 'POST'});
let data = await response.json();
let url = data.data.url;
let fields = data.data.fields;
const formData = new FormData();
for (const key in fields) {
formData.append(key, fields[key]);
}
formData.append("file", fileInput.files[0]);
response = await fetch(url, {method: 'POST', body: formData});
console.log(response);
response = await fetch('https://REPLACE_WITH_API_GATEWY_URL/recognize/process', {
method: 'POST',
body: data.uploadID
});
console.log(response);
}
</script>
</body>
</html>
dhimmel
dstillman
monperrus
Solves #38. Recognizes metadata when a PDF file is uploaded or a PDF URL is passed to
/webendpoint. For this to work recognizer-server lambda branch has to be deployed.