Skip to content

Instantly share code, notes, and snippets.

@wassafr

wassafr/mobile_rotation1.html

Created May 15, 2017 09:55
Show Gist options
  • Save wassafr/aaea5df763a03c171347d6bc0e826bec to your computer and use it in GitHub Desktop.
Save wassafr/aaea5df763a03c171347d6bc0e826bec to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mobile_rotation1.html
<!doctype html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="exif.js"></script>
<title>Wassa - Orientation image input</title>
</head>
<body>
<div class="container">
<header class="text-center">
<h1>Upload a local file to read Exif data and check rotation.</h1>
</header>
<section class="row">
<div id="content" class="col-xs-12">
<input id="inputimage" type="file"/>
<img id="myImg" class="img-responsive" crossorigin="anonymous" src=""/>
<canvas id="myCanvas"></canvas>
</div>
</section>
<footer class="text-center">
<p>Copyright Wassa 2017</p>
</footer>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment