Skip to content

Instantly share code, notes, and snippets.

@andijakl

andijakl/cognitive.html

Created March 20, 2019 00:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save andijakl/8413dccb2585d51c89074a46fa4f6645 to your computer and use it in GitHub Desktop.
Save andijakl/8413dccb2585d51c89074a46fa4f6645 to your computer and use it in GitHub Desktop.
Download ZIP
HTML page for simple Microsoft Azure Cognitive Services example for image description
Raw
cognitive.html
<!DOCTYPE html>
<html>
<head>
<title>Cognitive Services Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="imageAnalysis.js"></script>
</head>
<body>
<div>
<!-- Insert text input for entering the subscription key, with id="subscriptionKey" -->
<!-- Use a label and an input element -->
<label for="subscriptionKey">Enter your cloud subscription key:</label>
<input type="text" name="subscriptionKey" id="subscriptionKey" required />
</div>
<div>
<!-- Insert text input for the image URL, with id="inputImage" -->
<!-- Use a label and an input element -->
<label for="inputImage">Enter image URL:</label>
<input type="text" name="inputImage" id="inputImage" required />
</div>
<div>
<!-- Insert a button that executes the JavaScript function analyzeButtonClick() when clicked -->
<button onclick="analyzeButtonClick()">Analyze Image</button>
</div>
<div>
<!-- Insert textarea with id="responseTextArea" for text output -->
<textarea id="responseTextArea"></textarea>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment