我无法加载/查看我浏览并在表单中选择的文件。
这是我写的。
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>
你能帮忙吗?