+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: External Resources (https://forum.codeigniter.com/forumdisplay.php?fid=7)
+--- Forum: Addins (https://forum.codeigniter.com/forumdisplay.php?fid=13)
+--- Thread: Simple plugin for file browser in codeigniter with jQuery (/showthread.php?tid=61459)
Simple plugin for file browser in codeigniter with jQuery - bachors - 04-16-2015
Today we want to share a cool experiment with you. It is a file browser awesome for codeigniter, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3.
Download https://github.com/bachors/CI-FIle-Browser-Awesome
Demo http://ibacor.com/file
Installation
1. application/controllers/file.php
Code:
// Tentukan dulu URL path direktori yang akan di scan. Example: http://ibacor.com/download/file
private $dirpath = "http://your-domain.com/public_file";2. asset/js/fba.js
Code:
// Setting: Base_URL/Controllers_name
var baseurl = 'http://your-domain.com/file';3. application/views/file.php
Code:
# Include Font Awesome
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
# Include jQuery
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
# Include fba.js
<script src="<?php echo base_url(); ?>asset/js/fba.js"></script>
# Custom Style
<link type="text/css" rel="stylesheet" href="<?php echo base_url(); ?>asset/css/fba.css" />
# Include libraries codemirror
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/xml/xml.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/javascript/javascript.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/css/css.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/htmlmixed/htmlmixed.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/searchcursor.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/search.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/theme/monokai.min.css">
<!-- Display File Browser Awesome -->
<div class="ibc_fba"></div>
<!-- Read File -->
<div id="ibc_fba_file"></div>