LoadImg
Description :
LoadImg is JQuery function , you can load and preview picture before upload with ajax , php or any framework .
Install :
easy to include in your application , just download or clone from github
$git clone https://github.com/marwenhlaoui/LoadImg.git Include:
add style file loadimg.min.css in head
<head> ... <link rel="stylesheet" type="text/css" href="assets/css/loadimg.min.css"> ... </head>add javascript files loadimg.min.js and jquery.min.js
... <script src="assets/js/jquery.min.js"></script> <script src="assets/js/loadimg.min.js"></script> ...Use :
in your form
<label id="upload"> <input type="file"> </label>in your application js
$('#upload').loadImg({});Optional parameters :
Text :
$('#upload').loadImg({ "text" : "Upload Picture ...", });default text: Upload
Image extension :
$('#upload').loadImg({ "fileExt" : ["png","jpg"], });default values : jpg
Image Size :
$('#upload').loadImg({ "fileSize_min" : 0,//0Mo "fileSize_max" : 1,//1Mo });default values : min = 0 Mo and max = 2Mo If you want to use default picture just add exist-img attribut in lab
<label id="upload" exist-img="{ Url here }"> <input type="file" name="img"> </label>Demo
License :
This Jquery Projects is open-sourced software licensed under the MIT license.
Made with ♥ by Marwen Hlaoui
