Marijn/mvl-flask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

filename in upload files

Browse Source
This commit is contained in:
Marijn Jansen
2019-03-22 15:59:57 +01:00
parent 3cd952898d
commit 9b16c9a87a
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/adm/uploadfile.html
View File

@@ -12,13 +12,22 @@ Upload File - mvl
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" id="files" name="files" multiple> <input type="file" class="custom-file-input" id="choose-file-upload"
<label class="custom-file-label" for="files">Choose files</label> aria-describedby="choose-file-upload" name="files" multiple>
<label class="custom-file-label" for="choose-file-upload">Choose files</label>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<input class="btn btn-primary form-control" type=submit value=Upload> <input class="btn btn-primary form-control" type=submit value=Upload>
</div> </div>
</form> </form>
<script>
$(".custom-file-input").on("change", function () {
let files = $(this).prop("files");
let names = $.map(files, val => val.name);
let good_names = names.join(', ');
$(this).siblings(".custom-file-label").addClass("selected").html(good_names);
});
</script>
</main> </main>
{% endblock %} {% endblock %}