aConic Admin Documentation - v1.0

Version - 1.0.0 Help

Drag’ n’ Drop File Uploads

Drag'n'drop file-attach uploads with image previews.
Bootstrap File Input documentation

How to use

Copy-paste the stylesheet <link> into your <head> to load the CSS.

                            
    <link rel="stylesheet" href="../node_modules/bootstrap-fileinput/fileinput.min.css"> 
                        

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

                            
    <script src="../node_modules/bootstrap-fileinput/js/fileinput.min.js"> 
                        

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

                            
    <script>
        // Initialization 
        $("#input-id").fileinput();
    </script> 
                        

Multiple Image

                                            
    <div class="file-input-design-one">
        <div class="file-loading">
            <input id="multipleImg" name="kartik-input-711[]" type="file" multiple>
        </div>
    </div> 
                                        
                                            
    <script>
        $(document).ready(function() {
            $("#multipleImg").fileinput({
                uploadUrl: "/file-upload-single/1",
                maxFileCount: 6,
                showBrowse: false,
                browseOnZoneClick: true,
                showUpload: false,
                showRemove : false,
            });
        });
    </script> 
                                        

Single Image

                                            
    <div class="file-input-design-two">
        <div class="file-loading">
            <input id="single" name="kartik-input-711[]" type="file">
        </div>
    </div> 
                                        
                                            
    <script>
        $(document).ready(function() {
            $("#single").fileinput({
                uploadUrl: "/file-upload-single/1",
                maxFileCount: 1,
                showBrowse: false,
                browseOnZoneClick: true,
                showUpload: false,
                showRemove : false,
            });
        });
    </script>