EXIFView/index.html at main · SteadyStatus21/EXIFView · GitHub

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
47
48
<!DOCTYPE html>
<html>
<head>
    <title>Image Metadata Extractor</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
	<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200&display=swap" rel="stylesheet">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.5/viewer.min.js" integrity="sha512-RiULFIt4KC3x9TYgFfcbkYLtn0DHffAZ5S7hVxjLpdC3i0/hNt6zYSTomh4kH8u8Ue70n2HFeP4n0ehHUSH4bg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.5/viewer.min.css" integrity="sha512-VysXDwG8m5Ngy43+b8+CdTe6Qkc69z8Oyxgo3yg8JqhRwwtjfSs+M4NEaP4As6l0ZCX+RpTyyuSiJnnO8JS5Eg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
	<h1>EXIFView - Now with more sparkle!</h1>
	<h6>Images uploaded here are processed on your own device! <i>Nothing</i> is uploaded to a server. </h6>
	<label for="fileInput" class="custom-file-input">
		<span class="material-icons">upload</span> Upload Image
    </label>
    <input type="file" id="fileInput" accept="image/*">
    <div class="container">
		<div id="previewWindow">
			<div id="imagePreview">
				<img id="previewImage" src="#" alt="Image Preview">
			</div>
		</div>
        <div id="metadata">
            <h2>Image Metadata</h2>
            <ul>
				<li><strong>Date/Time Taken:</strong> <br><span id="dateTime"></span></li>
                <li><strong>Camera Model:</strong> <br><span id="cameraModel"></span></li>
				<li><strong>Sensor Detail:</strong> <br><span id="camerasensor"></span></li>
				<br><br>
				<li><strong>Mode taken in:</strong> <br><span id="mode"></span></li>
                <li><strong>ISO Speed:</strong> <br><span id="iso"></span></li>
                <li><strong>Shutter Speed:</strong> <br><span id="shutterSpeed"></span></li>
                <li><strong>Aperture (F-Stop):</strong> <br><span id="aperture"></span></li>
				<br><br>
				<li><strong>Flash Fired?</strong> <br><span id="flashfired"></span></li>
                <li><strong>GPS Coordinates:</strong> <br><span id="gps"></span></li>
            </ul>
        </div>
    </div>
	<p>Created with <3 by SteadyStatus21!</p>
    <script src="exif.js"></script>
    <script src="script.js"></script>
</body>
</html>