File Browser Awesome

jQuery Plugin

Hari ini kami ingin berbagi percobaan keren dengan anda. Ini adalah file browser mengagumkan, yang dapat anda upload ke folder di suatu tempat di situs anda dan berbagi dokumen, gambar dan file lainnya dengan dunia. Aplikasi ini dibangun dengan PHP, jQuery, fontawesome dan menggunakan CSS3.

Pemakaian:

PHP

// Tentukan dulu base url sobat. Contoh http://ibacor.com/
$baseurl = "http://your-hostname.com/";

// Tentuka nama folder/direktori yang akan ditampilkan. Contoh folder1/folder2
$browser = "files";

// Include class fba.php
include_once('lib/fba.php');

CSS

<!-- Include Font Awesome -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
        
<!-- Codemirror -->
<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">
        
<!-- Custom Style -->
<link type="text/css" rel="stylesheet" href="asset/css/fba.css" />

HTML

<div id="fba"></div>

JS

<!-- 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>
        
<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        
<!-- Include fba.js -->
<script src="asset/js/fba.js"></script>
<script>
// URL fba API
fba('http://your-hostname.com/fba_api.php');
</script>

keyboard_arrow_up