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