Creación carga de archivos en javascript

Rutina Javascript (implementación jquery), con estilos en css, la cual debe hacer lo siguiente:

1. Construir en forma dinámica un área para la carga de imágenes tipo “dropzone”.
En esta área se puede
•    Dar clic “Browse Files (Ver archivos)” para ir cargando imágenes una a una o en grupo.


•    Se pueden arrastrar una o varias imágenes.
•    Cada imagen que se cargue se debe pre visualizar con opción para eliminar la imagen de la carga.
•    El usuario puede “marcar” una de las imágenes como portada.

2.Validaciones.
La rutina para cada archivo debe validar:
•    Tamaño máximo de cada archivo cargado.
•    Cantidad de archivos que puede cargar.


•    Tipo de archivo cargado.

3. Configuraciones de plugin.
El plugin debe ser configurable en tiempo de ejecución para:
•    Tipo de archivos a cargar.
•    Cantidad de archivos autorizados para cargar.


•    Peso máximo de archivo a cargar

4. Carga al servidor
no se requiere realizar carga desde el plugin, la finalidad de este es validar y agrupar los archivos para su posterior envío, a saber:

los objetos imágenes después de haber sido validados se deben agrupar en un objeto de formulario tipo input multiple.

Input type='file' name='files[]' multiple />

Para ser enviados junto con datos adicionales del formulario.

5. Instalación del plugin
El plugin se debe implementar a través de links al css y al js.
<Script src="./Path/to/imagenplugin.js"></script>

6. Versión de boostrap
Si se requiere manejo de boostrap la versión debe ser 4