technicie/MarietjeDjango
1
0
Fork 0
mirror of https://gitlab.science.ru.nl/technicie/MarietjeDjango.git synced 2025-12-10 08:02:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Multiupload revisited. Select multiple files at once for uploading.

Browse Source
This commit is contained in:
Jim Driessen
2017-01-31 23:15:14 +01:00
parent 7e005755e7
commit 99c5016d8a
4 changed files with 84 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
marietje/songs/templates/songs/upload.html
View File

@ -17,32 +17,34 @@
<form action="/api/upload" method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="fileupload fileupload-new" data-provides="fileupload">
<span class="btn btn-primary btn-file"><span class="fileupload-new">Select file</span>
<span class="btn btn-primary btn-file"><span class="fileupload-new">Select files</span>
<span class="fileupload-exists">Change</span>
<input class="filefield" type="file" name="file" accept="audio/*" />
<input class="filefield" type="file" name="file[]" accept="audio/*" multiple />
</span>
<br>
<span class="fileupload-preview"></span>
<a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none">×</a>
</div>
<div class="form-group">
<input type="text" name="artist" class="form-control input-sm artist" placeholder="Artist">
</div>
<div class="form-group">
<input type="text" name="title" class="form-control input-sm title" placeholder="Title">
</div>
<span class="result-message"></span>
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" style="width: 0%;">
<div class="song-container panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Song</h3>
</div>
<div class="panel-body ">
<div class="form-group">
<input type="text" name="artist[]" class="form-control input-sm artist" placeholder="Artist">
</div>
<div class="form-group">
<input type="text" name="title[]" class="form-control input-sm title" placeholder="Title">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<button id="add" class="btn btn-primary">+</button>
<button id="remove" class="btn btn-primary">-</button>
<br><br>
<span class="result-message"></span>
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" style="width: 0%;">
</div>
</div>
<button id="upload" class="btn btn-primary btn-block">Upload</button>
</div>
</div>