Как загрузить файл и показать индикатор выполнения в Django? - PullRequest
Новая
       24

Как загрузить файл и показать индикатор выполнения в Django?

5 голосов
/ 22 февраля 2011

Я написал код для загрузки файла в Django следующим образом: 

def upload(request):
if request.method == 'POST':
    form = UploadFileForm(request.POST, request.FILES)
    if form.is_valid():
        handle_uploaded_file(request.FILES['file'])
        return render_to_response('uploadsuccess.html')
else:
    form = UploadFileForm()  
return render_to_response('upload.html', {'form': form})


def handle_uploaded_file(f):
    filename = "/media/Data/static/Data/" + f.name
    destination = open(filename, 'wb+')
    for chunk in f.chunks():
        destination.write(chunk)
    destination.close()

Код отлично работает для меня.Однако я не знаю, как мне изменить этот код, чтобы отображать индикатор выполнения на стороне клиента.

Моя HTML-страница выглядит следующим образом: 

{% extends "index_base.html" %}

{% block content %}
<script src="/media/js/functions.js" type="text/javascript"></script>
<script  src="/media/js/jquery.js" type="text/javascript">
    </script>
<div id="main_container">

{% include "includes/nav.html"  %}

<!------- Main Contents  ---------->
    <div id="contents_holder">
        <div id="contents">
            <div id="c_banner">
                    <span class="main_title">Upload File</span>
                </div>
            <div id="setting">
            <form name="post" action="/upload.psp/" method="post" enctype="multipart/form-data">
                <h2>Upload File</h2></br>
                <p>{{ form.file.label_tag }}&nbsp;&nbsp;{{ form.file }}</p></br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="submit" value="Upload" name="uploadButton" />
                &nbsp;&nbsp;<input type="button" value="Cancel" name="cancelUploadButton" onclick ="cancelUploadClicked()"/>
                <input type="hidden" value="title" name="title" id="title" />
            </form> 
                </div>

        </div>
    </div>
</div>

<!------- Main Contents  Finished ---------->
{% endblock %}

Может кто-нибудь помочь мне интегрировать Загрузитьиндикатор выполнения с этим кодом?

Заранее спасибо.

1 Ответ

0 голосов
/ 28 мая 2015

Я думаю, что вы должны отправить асинхронный запрос, используя Ajax.

Тема также обсуждается здесь: Индикатор загрузки файла с помощью jquery и здесь: Как я могу загружать файлы асинхронно?

...