-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
71 lines (66 loc) · 23.4 KB
/
index.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html>
<head>
<title>image2xls</title>
<meta name="title" content="image2xls">
<meta name="description" content="A simple tool to convert an image to xls file using colored cells.">
<meta property="og:title" content="image2xls" />
<meta property="og:description" content="A simple tool to convert an image to xls file using colored cells." />
<meta property="og:image" content="https://github.com/Funny-OpenSource-Projects/pix-to-xls/raw/master/images/monalisa-min.png" />
<meta property="og:url" content="https://www.image2xls.com" />
<meta property="og:site_name" content="image2xls" />
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.image2xls.com/">
<meta property="twitter:title" content="image2xls">
<meta property="twitter:description" content="A simple tool to convert an image to xls file using colored cells.">
<meta property="twitter:image" content="https://github.com/Funny-OpenSource-Projects/pix-to-xls/raw/master/images/monalisa-min.png">
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-180251944-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-180251944-1');
</script>
</head>
<body>
<div class="centered">
<h1>image to xls</h1>
<form id="form-file" method="POST" action="/api" enctype="multipart/form-data">
<center>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" viewBox="0 0 243 103"><defs><clipPath id="b"><rect width="243" height="103"/></clipPath></defs><g id="a" clip-path="url(#b)"><g transform="translate(-50 -67)"><g transform="translate(60 84)" fill="#fff" stroke="#b5b5b5" stroke-width="1"><rect width="81" height="77" stroke="none"/><rect x="0.5" y="0.5" width="80" height="76" fill="none"/></g><rect width="25" height="25" transform="translate(69 127)" fill="#fed569"/><circle cx="14.5" cy="14.5" r="14.5" transform="translate(104 98)" fill="#f57280"/><g transform="translate(202 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(202 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(210 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(218 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(226 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(234 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(242 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 107)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 114)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(250 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 99)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 107)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 114)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(258 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 99)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 107)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 114)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(266 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 107)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 114)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 84)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(274 91)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 99)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 107)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 114)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(202 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(202 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(210 129)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 137)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 145)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(210 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(218 129)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 137)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 145)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(218 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(226 129)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 137)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 145)" fill="#ffd369" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(226 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(234 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(234 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(242 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(242 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 122)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(250 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(250 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 122)" fill="#f67280" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(258 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(258 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(266 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(266 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 122)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="8" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="7.2" fill="none"/></g><g transform="translate(274 129)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 137)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 145)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><g transform="translate(274 152)" fill="#fff" stroke="#b5b5b5" stroke-width="0.8"><rect width="9" height="9" stroke="none"/><rect x="0.4" y="0.4" width="8.2" height="8.2" fill="none"/></g><rect width="81" height="8" transform="translate(202 77)" fill="#06804e"/><g transform="translate(157 121)" fill="#b5b5b5" stroke="#b5b5b5" stroke-width="1"><rect width="21" height="4" stroke="none"/><rect x="0.5" y="0.5" width="20" height="3" fill="none"/></g><g transform="translate(188.5 116.5) rotate(90)" fill="#b5b5b5"><path d="M 12.16052436828613 11.5 L 0.8394758105278015 11.5 L 6.5 1.049801588058472 L 12.16052436828613 11.5 Z" stroke="none"/><path d="M 6.5 2.099584579467773 L 1.67894172668457 11 L 11.32105827331543 11 L 6.5 2.099584579467773 M 6.5 0 L 13 12 L 0 12 L 6.5 0 Z" stroke="none" fill="#b5b5b5"/></g><rect width="81" height="8" transform="translate(60 77)" fill="#888"/></g></g></svg>
</center>
<br/>
<div class="control-center">
<label id="inputLabel" for="file">Upload Image</label>
<input type="file" name="file" id="file" >
<input type="text" name="filename" id="filename" value="Select an image file" readonly>
</div>
<div class="control">
<label>Resolution:<br/><small>(Cells per row)</small></label>
<input type="text" name="cols" value="50" maxlength="4">
</div>
<div class="control-center">
<a href="javascript:download();" id="submit">
<svg xmlns="http://www.w3.org/2000/svg" width="14px" viewBox="0 0 29.978 29.978"><path fill="white" d="M25.462 19.105v6.848H4.515v-6.848H.489v8.861c0 1.111.9 2.012 2.016 2.012h24.967c1.115 0 2.016-.9 2.016-2.012v-8.861h-4.026zM14.62 18.426l-5.764-6.965s-.877-.828.074-.828h3.248V9.217.494S12.049 0 12.793 0h4.572c.536 0 .524.416.524.416V10.424h2.998c1.154 0 .285.867.285.867s-4.904 6.51-5.588 7.193c-.492.495-.964-.058-.964-.058z"/></svg>
Generate xls file
</a>
</div>
</form>
</div>
<div class="footer">
<a href="https://github.com/Funny-OpenSource-Projects/image-to-xls" target="_blank">Contribute to the Project
</div>
<img src="github-logo.svg" alt="github-logo" href="https://github.com/Funny-OpenSource-Projects/image-to-xls" target="_blank">
<script>
function download(){
var file_form = document.querySelector("#form-file");
file_form.submit();
}
document.querySelector("#file").addEventListener("change", function(){
var filename = document.querySelector("#file").value.split('\\')[2];
document.querySelector("#filename").value = filename;
});
</script>
</body>
</html>