为Django表单选择文件

时间:2019-03-12 03:54:36

标签: bootstrap-4 django-templates

我无法加载/查看我浏览并在表单中选择的文件。

这是我写的。

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

当我单击“提交”按钮时,我看到URL重定向中的CSRF令牌不应该发生。

这是可以正常工作的原始实现:

<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>

你能帮忙吗?

0 个答案:

没有答案