Simplify your file uploads with the JSAjaxFileUploader jQuery plugin. This user-friendly plugin offers easy integration and customization options for developers. With the JSAjaxFileUploader, you can have multiple upload forms on a single page, select multiple files, and even preview a large view of the uploaded image. Benefit from its real-time progress tracking and fully customizable options for a seamless file upload experience.
Installation
Download all the files from repository and then copy ‘img’ folder and “JQuery.JSAjaxFileUploader.css” and “JQuery.JSAjaxFileUploader.js” or “JQuery.JSAjaxFileUploader.min.js” to you project folder and include scripts after including jQuery library
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="/path/to/JQuery.JSAjaxFileUploader.js"></script>
<link href="/path/to/JQuery.JSAjaxFileUploader.css" rel="stylesheet" type="text/css" />
Usage
Add a HTML DOM element
<div id="testId"></div>
Easily bind the uploader to your element with the simple steps shown below
$('#testId').JSAjaxFileUploader({
uploadUrl:'uploadImagesAction'
});