49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
/**
|
|
* File Upload
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
(function () {
|
|
// previewTemplate: Updated Dropzone default previewTemplate
|
|
// ! Don't change it unless you really know what you are doing
|
|
const previewTemplate = `<div class="dz-preview dz-file-preview">
|
|
<div class="dz-details">
|
|
<div class="dz-thumbnail">
|
|
<img data-dz-thumbnail>
|
|
<span class="dz-nopreview">No preview</span>
|
|
<div class="dz-success-mark"></div>
|
|
<div class="dz-error-mark"></div>
|
|
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuemin="0" aria-valuemax="100" data-dz-uploadprogress></div>
|
|
</div>
|
|
</div>
|
|
<div class="dz-filename" data-dz-name></div>
|
|
<div class="dz-size" data-dz-size></div>
|
|
</div>
|
|
</div>`;
|
|
|
|
// ? Start your code from here
|
|
|
|
// Basic Dropzone
|
|
// --------------------------------------------------------------------
|
|
|
|
const myDropzone = new Dropzone('#dropzone-basic', {
|
|
previewTemplate: previewTemplate,
|
|
parallelUploads: 1,
|
|
maxFilesize: 5,
|
|
addRemoveLinks: true,
|
|
maxFiles: 1
|
|
});
|
|
|
|
// Multiple Dropzone
|
|
// --------------------------------------------------------------------
|
|
const dropzoneMulti = new Dropzone('#dropzone-multi', {
|
|
previewTemplate: previewTemplate,
|
|
parallelUploads: 1,
|
|
maxFilesize: 5,
|
|
addRemoveLinks: true
|
|
});
|
|
})();
|