🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

LoadImg is JQuery function , you can load and preview picture before upload with ajax , php or any framework.

Plugins

Documentation

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


You May Also Like