Here is a\u00a0sample reference on how to invoke Alchemy Face Detection service using JQUERY. \u00a0The details were not available on the website, so I decided to build one quickly.\u00a0I would use this only for quick experimentation as it exposes the client key on the browser side.<\/p>\n
Here is the index.html file –<\/p>\n
<!doctype html>
\n<html lang=”en”>
\n<head>
\n<meta charset=”utf-8″>
\n<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>
\n<script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.0.3\/jquery.min.js”><\/script>
\n<script src=”script.js”><\/script>
\n<\/head>
\n<body><\/p>\n
<h1>File Upload<\/h1><\/p>\n
<form action=”#” method=”post”>
\n<ul>
\n<li>
\n<label for=”name”>Name:<\/label>
\n<input type=”text” name=”name” id=”name” multiple>
\n<\/li><\/p>\n
<li>
\n<label for=”file_upload”>File:<\/label>
\n<input type=”file” name=”file_upload” id=”file_upload” multiple>
\n<\/li><\/p>\n
<li><input class=”button green” type=”submit” name=”submit” value=”Submit Content”><\/li>
\n<\/ul>
\n<\/form>
\n<\/body>
\n<\/html><\/p>\n
Here is the Javsacript file (script.js)\u00a0code<\/p>\n
$(function()
\n{<\/p>\n
var files;<\/p>\n
\/\/ Add events
\n$(‘input[type=file]’).on(‘change’, prepareUpload);
\n$(‘form’).on(‘submit’, uploadFiles);
\nfunction prepareUpload(event)
\n{
\nfiles = event.target.files;
\n}
\nfunction uploadFiles(event)
\n{
\nevent.stopPropagation();
\nevent.preventDefault();<\/p>\n
$.ajax({<\/p>\n
url :’http:\/\/access.alchemyapi.com\/calls\/image\/ImageGetRankedImageFaceTags?apikey=yourkey&outputMode=xml&imagePostMode=raw’,
\ntype: ‘POST’,
\ndata : files[0],
\ncache: false,
\nprocessData: false,
\ncontentType: ‘application\/x-www-form-urlencoded’,
\nsuccess: function(data, textStatus, jqXHR)
\n{
\nif(typeof data.error === ‘undefined’)
\n{
\nconsole.log(‘Data: ‘ + jqXHR.responseText);<\/p>\n
}
\nelse
\n{
\nconsole.log(‘ERRORS: ‘ + data.error);
\n}
\n},
\nerror: function(jqXHR, textStatus, errorThrown)
\n{
\nconsole.log(‘ERRORS: ‘ + textStatus);<\/p>\n
}
\n});
\n}<\/p>\n
});<\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a\u00a0sample reference on how to invoke Alchemy Face Detection service using JQUERY. \u00a0The details were not available on the website, so I decided to build one quickly.\u00a0I would use this only for quick experimentation as it exposes the client key on the browser side. Here is the index.html file – <!doctype html> <html […]<\/p>\n","protected":false},"author":1,"featured_media":2102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,157],"tags":[162,161],"yoast_head":"\n