Выберите файл для формы Django - PullRequest
Новая
       6

Выберите файл для формы Django

0 голосов
/ 12 марта 2019

Я не могу загрузить / просмотреть свой файл, который я просматриваю и выбираю в форме.

Это то, что я написал.

https://jsfiddle.net/1Lwj9q3p/2/

КогдаЯ нажимаю на кнопку отправки, я вижу токен CSRF в URL перенаправления, который не должен происходить.

Это оригинальная реализация, которая прекрасно работает: 

<form action="{% url 'upload_att_template' %}" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="myfile">
    <button type="submit">Upload</button>
</form>

Эточто я пытался сделать с начальной загрузкой 4: 

<li class="nav-item dropdown">                                
    <button class="btn btn-sm btn-basic dropdown-toggle mr-2" id="generate_att_report" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-file-excel"></i> Create ATT Report</button>                                
    <div class="dropdown-menu shadow-lg p-2 mb-0 mt-0 bg-white rounded" aria-labelledby="generate_att_report">

        <form class=" form-container" style="width:210px; overflow-x: hidden;">
            <div class="form-group row">
                <label for="att_file_upload" class="col-1 col-form-label"></label>
                <div class="col-12">                                            
                    <!-- <input type="file" name="myfile" class="form-control-file form-control-sm p-1 mt-3" id="att_report_file"> -->
                    <div class="custom-file">
                        {% csrf_token %}
                        <input type="file" name="myfile" class="form-control-file form-control-sm p-1 mr-sm-2 btn-sm my-2 my-sm-0" id="att_report_file">
                        <label class="custom-file-label" for="att_report_file">Choose file</label>
                    </div>
                </div>
            </div>

            <button type="submit" class="btn btn-sm btn-basic ml-4 att_file_upload" id="att_file_upload" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-file-upload"></i> Upload ATT Template</button>
        </form>

    </div>
</li>

Можете ли вы помочь?

...