Create: views to upload files by ajax

This commit is contained in:
2023-08-17 00:53:13 +09:00
parent fd19181eff
commit 87a6ca06e6
8 changed files with 218 additions and 7 deletions

View File

@@ -0,0 +1,44 @@
{% extends 'collector/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %} {{ title }} {% endblock title %}
{% block main %}
<style>
.not-visible{
display: none;
}
</style>
<div class="container mt-3">
<div class="card">
<div class="card-header">
<h3>Archive upload:</h3>
</div>
<div class="card-body">
<div id="alert" class="container"></div>
<div class="container">
{% crispy form %}
</div>
</div>
<div class="card-footer">
<div
id="progress"
upload-url="{% url 'collector_api:archive-list' %}"
class="progress"
role="progressbar"
aria-label="Example 20px high"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
style="height: 20px"
>
<div class="progress-bar"></div>
</div>
</div>
</div>
</div>
{% endblock main %}
{% block jquery %}
<script src="{% static 'collector/js/jq.upload.progress.js' %}"></script>
{% endblock jquery %}