-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
44 lines (42 loc) · 2.01 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="DemoStyle.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body class="container">
<div id="imageUploaderArea" class="row col-sm-12">
<div id="divDragDrop">
<input style="display:none" type="file" id="inputImageUpload" onchange="uploadImage(this);" />
<label for="inputImageUpload"><span class="upload-icon"><i class="fa fa-upload" aria-hidden="true"></i></span><strong>Choose an Image</strong><span class="box__dragndrop"> or drag it here</span>.</label>
<div id="imageToUploadOuter" class="col-sm-12" style="display: none">
<img src="" id="imageToUpload" />
<div id="cancelImage">Cancel</div>
<div id="addImage">Add</div>
</div>
</div>
</div>
<div id="uploadedImageList" class="row col-sm-12 panel panel-default">
<div class="panel-heading">Uploaded Images <button id="btnClearImages" class="btn btn-danger pull-right">Clear Images</button></div>
<div class="panel-body"></div>
</div>
<div id="selectedImagePreview" class="modal fade">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="JsStore-1.2.7.min.js"></script>
<script src="DemoScript.js"></script>
</body>
</html>