mirror of
https://github.com/hexahigh/games.git
synced 2025-12-11 20:15:38 +01:00
30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<html>
|
|
<body>
|
|
<div>
|
|
<input type="file" id="image-input" accept="image/*">
|
|
<img id="preview"></img>
|
|
</div>
|
|
<script>
|
|
let imgInput = document.getElementById('image-input');
|
|
imgInput.addEventListener('change', function (e) {
|
|
if (e.target.files) {
|
|
let imageFile = e.target.files[0];
|
|
var reader = new FileReader();
|
|
reader.onload = function (e) {
|
|
var img = document.createElement("img");
|
|
img.onload = function (event) {
|
|
var canvas = document.createElement("canvas");
|
|
var ctx = canvas.getContext("2d");
|
|
ctx.drawImage(img, 0, 0, 300, 300);
|
|
var dataurl = canvas.toDataURL(imageFile.type);
|
|
document.getElementById("preview").src = dataurl;
|
|
}
|
|
img.src = e.target.result;
|
|
}
|
|
reader.readAsDataURL(imageFile);
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|