13-8 excel导入插件介绍-选择excel文件导入后报错，没找到哪个地方需加csrf_taken

Question

"model_list.top_toolbar.import.html"代码如下

{% load i18n %}
<div class="btn-group export">
 <a class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown" href="#">
   <i class="icon-share"></i> 导入 <span class="caret"></span>
 </a>
 <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
     <li><a data-toggle="modal" data-target="#export-modal-import-excel"><i class="icon-circle-arrow-down"></i> 导入 Excel</a></li>
 </ul>
   <script>
       function fileChange(target){
//检测上传文件的类型
           var imgName = document.all.submit_upload.value;
           var ext,idx;
           if (imgName == ''){
               document.all.submit_upload_b.disabled=true;
               alert("请选择需要上传的 xls 文件!");
               return;
           } else {
               idx = imgName.lastIndexOf(".");
               if (idx != -1){
                   ext = imgName.substr(idx+1).toUpperCase();
                   ext = ext.toLowerCase( );
{#                    alert("ext="+ext);#}
                   if (ext != 'xls' && ext != 'xlsx'){
                       document.all.submit_upload_b.disabled=true;
                       alert("只能上传 .xls 类型的文件!");
                       return;
                   }
               } else {
                   document.all.submit_upload_b.disabled=true;
                   alert("只能上传 .xls 类型的文件!");
                   return;
               }
           }
       }
   </script>
   <div id="export-modal-import-excel" class="modal fade">
     <div class="modal-dialog">
       <div class="modal-content">
         <form method="post" action="" enctype="multipart/form-data">
             {% csrf_token %}
             <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
               <h4 class="modal-title">导入 Excel</h4>
             </div>
             <div class="modal-body">
                  <input type="file" onchange="fileChange(this)" name="excel" id="submit_upload">
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Close" %}</button>
               <button class="btn btn-success" type="submit" id="submit_upload_b"><i class="icon-share"></i> 导入</button>
             </div>
         </form>
       </div><!-- /.modal-content -->
     </div><!-- /.modal-dalog -->
   </div><!-- /.modal -->

</div>

选择文件导入后报这个错：禁止访问 (403)

CSRF验证失败. 相应中断.

Answer 1

bobby 2017-03-20 09:36:35

你截图看一下生成的html片段 看看里面的csrftoken生成的值 以及f12调试一下看看post接口post的参数是什么

• weixin_慕斯卡4281563 #1

  一模一样的问题  不知道这个家伙当时怎么解决的？

Answer 2

提问者 浓浓茶82 2017-03-20 22:56:01

更换Bobby老师提供的xadmin, 问题解决

• ring_0004 #1

  嗯嗯    你知道问题出在哪吗？我看页面都没有生成input  hidden这段呀

• weixin_慕斯卡4281563 #2

  具体更换了什么？

Answer 3

薄冰语法书 2017-12-04 01:51:51

你好 ，我也遇到这个问题了，请问下怎么解决呢？一定要用老师给的xadmin吗？

• bobby #1

  你可以下载我给你的源码中的关于excel的html文件和excel插件文件

• weixin_慕斯卡4281563 回复 bobby #2

  CSRF验证失败. 请求被中断.
  用的就是 excel的html文件和excel插件文件

• bobby 回复 weixin_慕斯卡4281563 #3

  我在你的上一个问题回复你了

Answer 4

ring_0004 2017-04-25 21:27:25

嗯嗯   没搞懂问题出在哪？页面没有生成<input type='hidden' name='csrfmiddlewaretoken' value='LGPbgG8nPyCz6NnZpOjUzJPcWqgwbvpt' />这样的代码，bobby老师这是为什么呢？