我正在构建一个存储鲸鱼歌曲的小应用程序。我已经将表单通过boto3和django-storages上传到S3。我还安装了django-progressbarupload的开发版本,并正在运行django 2.0.6
出现进度条元素并设置其样式,但不设置动画或与文件上传同步。文件通过不可靠的连接进入s3,传输通常需要10到15秒。我已经附上了一个正在上传的视频。
基本模板标题
<head>
{% load progress_bar %}
{% block title %}<title>Whale Song and other Cetacean Communication</title>{% endblock %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/app.css' %}">
<script type="text/javascript" src="{% static 'js/amplitude.min.js' %}"></script>
<script src="{% static "js/jquery-3.3.1.min.js" %}"></script>
{% progress_bar_media %}
</head>
表单模板截图
{% extends "base_generic.html" %}
{% load progress_bar %}
{% block content %}
<form action="" method="post" enctype="multipart/form-data">
{% csrf_token %}
{{ form.non_field_errors }}
<div>
<label for="{{ form.file.id_for_label }}">File</label>
{{ form.file.errors }}
{{ form.file }}
{% progress_bar %}
</div>
项目在这里: https://github.com/kidconcept/whalejams
视频在这里 https://tinytake.s3.amazonaws.com/pulse/elpulpo/attachments/8400940/TinyTake29-07-2018-11-47-06.mp4