Added progress bar for file upload
This commit is contained in:
parent
ebe78b4e46
commit
472d392eba
|
@ -8,6 +8,9 @@
|
|||
{% include 'comp/alert.twig' %}
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="progress mb-3">
|
||||
<div class="progress-bar progress-bar-animated progress-bar-striped" style="width: 0;" id="uploadProgess"></div>
|
||||
</div>
|
||||
<form action="{{ route('upload') }}" method="post" id="upload-dropzone" class="dropzone">
|
||||
<div class="fallback">
|
||||
<input name="file" type="file" multiple>
|
||||
|
|
|
@ -6,6 +6,10 @@ var app = {
|
|||
dictDefaultMessage: window.AppConfig.lang.dropzone,
|
||||
error: function (file, response) {
|
||||
this.defaultOptions.error(file, response.message);
|
||||
},
|
||||
totaluploadprogress: function (uploadProgress) {
|
||||
var text = Math.round(uploadProgress) + '%';
|
||||
$('#uploadProgess').css({'width': text}).text(text);
|
||||
}
|
||||
};
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue