Multiple Video & Image Upload Plugin - jQuery Miv.js

File Size: 2.81 KB
Views Total: 4253
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Multiple Video & Image Upload Plugin - jQuery Miv.js

An enhanced jQuery file input plugin that allows you to select multiple images and/or videos from local and automatically generates file input fields with corresponding names.

How to use it:

1. Create anchor links that enables you to select videos and images from local.

<a class="cam" href="javascript:void(0)">
  Select Image
</a>
<a class="vid" href="javascript:void(0)">
  Select Video
</a>

2. Create an empty gallery element that will serve as a container for image/video previews.

<div class="gallery"></div>

3. Load jQuery library and the plugin's files in the document.

<link rel="stylesheet" href="./multiple-image-video(MIV).css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="./multiple-image-video(MIV).js"></script>

4. Call the plugin on the gallery element and specify the selectors for the image/video selection anchors. That's it.

$('.gallery').miv({
  image:'.cam',
  video:'.vid'
});

This awesome jQuery plugin is developed by ultimateakash. For more Advanced Usages, please check the demo page or visit the official website.