Permalink
Fetching contributors…
Cannot retrieve contributors at this time
34 lines (32 sloc) 1.29 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sample illustrating the use of tagtog API and JavaScript</title>
</head>
<body>
<p>This sample shows how to annotate text using tagtog, the API and JavaScript. You can serve this page from your local server.</p>
<input name="myFile" type="file">
<p><button>Annotate files and check the result in console</button></p>
<script>
function annotateText() {
var input = document.querySelector('input[type="file"]')
var data = new FormData()
data.append('file', input.files[0])
fetch('https://www.tagtog.net/-api/documents/v1?project=yourProject&owner=yourUsername&output=ann.json', {
method: 'POST',
headers: {'Authorization' : "Basic " + btoa('yourUsername' + ":" + 'yourPassword')},
body: data
}).then(response => response.text()).then(text => {
console.log(text);
}).catch(function(error) {
console.log('Error: ', error);
});
}
var submitBtn = document.querySelector('button');
submitBtn.addEventListener('click', annotateText);
</script>
</body>
</html>