-
Notifications
You must be signed in to change notification settings - Fork 0
/
pets_classification.html
executable file
·46 lines (43 loc) · 1.85 KB
/
pets_classification.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://unpkg.com/@tensorflow/tfjs"></script>
</head>
<body onresize="windowResized()">
<div id="loader">
<div class="loader loader--style3" title="2">
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;"
xml:space="preserve">
<path fill="#000"
d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25"
dur="0.6s" repeatCount="indefinite" />
</path>
</svg>
</div>
</div>
<div id="container">
<!-- Image attribution: https://www.flickr.com/photos/tambako/15271600798 -->
<img src="images/sphynx.jpg" id="image" class="center">
<div id="text-container">
<p id="instruction" class="green-color">
<button id="uploader-btn" onClick="clickUploader()">Upload Image</button>
<p class="green-color "> or drag and drop 🐱</p>
</p>
<p id="warning" class="result-color"></p>
<p class="result-color">
The model labeled this ⤴ as a
<span id="result" class="green-color">...</span>
<span id="probability-container" class="result-color">
with a confidence of
<span id="probability" class="green-color">...</span>.
</span>
</p>
<input name="imgFile" type="file" id="fileUploader" accept="image/*" onChange="handleFiles()">
</div>
</div>
<script src="sketch.js"></script>
</body>
</html>