Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
28264 tejbeer 1 
<section class="wrapper">
2 
	<div class="row">
3 
		<div class="col-lg-12">
4 
			<h3 class="page-header">
5 
				<i class="icon_document_alt"></i>Retailer
6 
			</h3>
7 
			<ol class="breadcrumb">
8 
				<li><i class="fa fa-home"></i><a
9 
					href="${rc.contextPath}/dashboard">Home</a></li>
10 
				<li><i class="icon_document_alt"></i>Url Generation</li>
11 
			</ol>
12 
		</div>
13 
	</div>
14 
 
15 
 
16 
	<div class="row">
17 
 
18 
 
19 
		<div class="col-lg-3">
20 
			<div>
21 
				<input id="imageTitle" placeholder="Title" type="text"
22 
					class="form-control" />
23 
			</div>
24 
		</div>
25 
 
26 
		<div class="col-lg-2">
27 
			<input type="button" id="searchImage" class="btn btn-default"
28 
				value="Search Images">
29 
		</div>
30 
 
31 
		<div class="col-lg-3">
32 
			<div>
33 
				<input id="fileUploader" type="file" class="form-control" />
34 
			</div>
35 
		</div>
36 
		<div class="col-lg-2">
37 
			<input type="button" id="submitImage" class="btn btn-default"
38 
				value="Upload Images">
39 
		</div>
40 
 
41 
 
42 
	</div>
43 
 
44 
	<div id="image-url-container" style="padding: 10px;"></div>
45 
 
46 
	<div id="image-holder" style="padding: 10px;">
47 
		<img id="imgPreview" src="#" alt="" />
48 
	</div>
49 
</section>
50 
 
51 
<script>
52 
	$("#fileUploader").on(
53 
			'change',
54 
			function() {
55 
				//Get count of selected files
56 
 
57 
				var countFiles = this.files.length;
58 
				var imgPath = this.value;
59 
				var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1)
60 
						.toLowerCase();
61 
				var image_holder = $("#image-holder");
62 
				image_holder.remove(".new");
63 
				if (extn == "gif" || extn == "png" || extn == "jpg"
64 
						|| extn == "jpeg") {
65 
					if (typeof (FileReader) != "undefined") {
66 
						//loop for each file selected for uploaded.
67 
 
68 
						var reader = new FileReader();
69 
						var filename = this.files[0].name
70 
						console.log(filename)
71 
						reader.description = filename.substring(0, filename
72 
								.lastIndexOf('.'));
73 
						reader.onload = function(e) {
74 
 
75 
							$('#imgPreview').attr('src', event.target.result);
76 
 
77 
						}
78 
						reader.readAsDataURL(this.files[0]);
79 
 
80 
					} else {
81 
						alert("This browser does not support FileReader.");
82 
					}
83 
				} else {
84 
					alert("Pls select only images");
85 
				}
86 
			});
87 
</script>