Subversion Repositories SmartDukaan

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header">
                                <i class="icon_document_alt"></i>Retailer
                        </h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a
                                        href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>Url Generation</li>
                        </ol>
                </div>
        </div>


        <div class="row">


                <div class="col-lg-3">
                        <div>
                                <input id="imageTitle" placeholder="Title" type="text"
                                        class="form-control" />
                        </div>
                </div>

                <div class="col-lg-2">
                        <input type="button" id="searchImage" class="btn btn-default"
                                value="Search Images">
                </div>

                <div class="col-lg-3">
                        <div>
                                <input id="fileUploader" type="file" class="form-control" />
                        </div>
                </div>
                <div class="col-lg-2">
                        <input type="button" id="submitImage" class="btn btn-default"
                                value="Upload Images">
                </div>


        </div>

        <div id="image-url-container" style="padding: 10px;"></div>

        <div id="image-holder" style="padding: 10px;">
                <img id="imgPreview" src="#" alt="" />
        </div>
</section>

<script>
        $("#fileUploader").on(
                        'change',
                        function() {
                                //Get count of selected files

                                var countFiles = this.files.length;
                                var imgPath = this.value;
                                var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1)
                                                .toLowerCase();
                                var image_holder = $("#image-holder");
                                image_holder.remove(".new");
                                if (extn == "gif" || extn == "png" || extn == "jpg"
                                                || extn == "jpeg" || extn == "webp") {
                                        if (typeof (FileReader) != "undefined") {
                                                //loop for each file selected for uploaded.

                                                var reader = new FileReader();
                                                var filename = this.files[0].name
                                                console.log(filename)
                                                reader.description = filename.substring(0, filename
                                                                .lastIndexOf('.'));
                                                reader.onload = function(e) {

                                                        $('#imgPreview').attr('src', event.target.result);

                                                }
                                                reader.readAsDataURL(this.files[0]);
                                                return;
                                        } else {
                                                alert("This browser does not support FileReader.");
                                        }
                                } else {
                                        alert("Pls select only images");
                                }
                                return false;
                        });
</script>