92 lines
3.3 KiB
JavaScript
Executable File
92 lines
3.3 KiB
JavaScript
Executable File
/*=========================================================================================
|
|
File Name: dropzone.js
|
|
Description: dropzone
|
|
--------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
Dropzone.options.dpzSingleFile = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFiles: 1,
|
|
init: function() {
|
|
this.on("maxfilesexceeded", function(file) {
|
|
this.removeAllFiles();
|
|
this.addFile(file);
|
|
});
|
|
}
|
|
};
|
|
|
|
/********************************************
|
|
* Multiple Files *
|
|
********************************************/
|
|
Dropzone.options.dpzMultipleFiles = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFilesize: 0.5, // MB
|
|
clickable: true
|
|
}
|
|
|
|
|
|
/********************************************************
|
|
* Use Button To Select Files *
|
|
********************************************************/
|
|
new Dropzone(document.body, { // Make the whole body a dropzone
|
|
url: "#", // Set the url
|
|
previewsContainer: "#dpz-btn-select-files", // Define the container to display the previews
|
|
clickable: "#select-files" // Define the element that should be used as click trigger to select files.
|
|
});
|
|
|
|
|
|
/****************************************************************
|
|
* Limit File Size and No. Of Files *
|
|
****************************************************************/
|
|
Dropzone.options.dpzFileLimits = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFilesize: 0.5, // MB
|
|
maxFiles: 5,
|
|
maxThumbnailFilesize: 1, // MB
|
|
}
|
|
|
|
|
|
/********************************************
|
|
* Accepted Files *
|
|
********************************************/
|
|
Dropzone.options.dpAcceptFiles = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFilesize: 1, // MB
|
|
acceptedFiles: 'image/*'
|
|
}
|
|
|
|
|
|
/************************************************
|
|
* Remove Thumbnail *
|
|
************************************************/
|
|
Dropzone.options.dpzRemoveThumb = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFilesize: 1, // MB
|
|
addRemoveLinks: true,
|
|
dictRemoveFile: " Trash"
|
|
}
|
|
|
|
/*****************************************************
|
|
* Remove All Thumbnails *
|
|
*****************************************************/
|
|
Dropzone.options.dpzRemoveAllThumb = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFilesize: 1, // MB
|
|
init: function() {
|
|
|
|
// Using a closure.
|
|
var _this = this;
|
|
|
|
// Setup the observer for the button.
|
|
$("#clear-dropzone").on("click", function() {
|
|
// Using "_this" here, because "this" doesn't point to the dropzone anymore
|
|
_this.removeAllFiles();
|
|
// If you want to cancel uploads as well, you
|
|
// could also call _this.removeAllFiles(true);
|
|
});
|
|
}
|
|
} |