-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
36 lines (33 loc) · 1.11 KB
/
index.php
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
<!DOCTYPE html>
<style>
.font1{
font-family: monospace;
}
</style>
<html>
<body>
<form action="toascii.php" method="post" enctype="multipart/form-data">
Please Select your image: </br>
<input type="file" name="select_file" id="select_file">
</br> </br>
<input type="checkbox" name="background" value="white", id="background">
<label for="background" name="backgroundlabel"> Black or White Background </label>
</br> </br>
<label for="scale" name="header-label"> Image Scale </label>
<br>
<input type="range" min="1" max="30" value="15" class="slider" name="scale" id="scale">
<label for="scale" name="scale_label" id="scale_label"> 50 </label>
</br>
<input type="submit" value="Upload Image" name="submit">
</form>
<script>
// update scale_label when scale value is changed
var scaler = document.getElementById("scale");
var scale_label = document.getElementById("scale_label");
scale_label.innerHTML = Math.trunc(scaler.value/30*100);
scaler.oninput = function() {
scale_label.innerHTML = Math.trunc(this.value/30*100);
}
</script>
</body>
</html>