当选择文件时JQuery文件上传不执行任何操作

我试图实现JQuery文件上传（http://blueimp.github.io/jQuery-File-Upload/basic.html）。当选择文件时JQuery文件上传不执行任何操作

问题是，当我选择一个文件时它不反应。

有几个问题可以帮助：

有镀铬控制台没有错误。
选择一个文件不会发送到任何位置。

你知道哪里可能是问题吗？

选择文件后没有任何操作。

这是HTML：

<span class="btn btn-success fileinput-button"> 
    <i class="glyphicon glyphicon-plus"></i> 
    <span>Select files...</span> 
    <!-- The file input field used as target for the file upload widget --> 
    <input id="fileupload" type="file" name="files[]" multiple=""> 
</span> 
<br> 
<br> 
<!-- The global progress bar --> 
<div id="progress" class="progress"> 
    <div class="progress-bar progress-bar-success"></div> 
</div> 
<!-- The container for the uploaded files --> 
<div id="files" class="files"></div>

在<head>：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

这是在底部（结束标记之前）：

<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
    <script src="/static/js/cookies.js"></script> 
    <script src="/static/theme/assets/js/bootstrap.min.js"></script> 
    <!-- Metis Menu Js --> 
    <script src="/static/theme/assets/js/jquery.metisMenu.js"></script> 
    <!-- Custom Js --> 
    <!-- Morris Chart Js --> 
    <script src="/static/theme/assets/js/morris/raphael-2.1.0.min.js"></script> 
    <script src="/static/theme/assets/js/morris/morris.js"></script> 
    <script src="/static/theme/assets/js/custom-scripts.js"></script> 


    <script src="/static/theme/assets/js/easypiechart.js"></script> 
    <script src="/static/theme/assets/js/easypiechart-data.js"></script> 

    <script src="/static/theme/assets/js/Lightweight-Chart/jquery.chart.js"></script> 

    <script src="/static/dashboardapp/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script> 
    <script src="/static/dashboardapp/jQuery-File-Upload/js/jquery.iframe-transport.js"></script> 

    <script src="/static/dashboardapp/jQuery-File-Upload/js/jquery.fileupload.js"></script> 
    <script src="/static/dashboardapp/jQuery-File-Upload/js/jquery.fileupload-ui.js"></script> 
    <script> 

     /*jslint unparam: true */ 
     /*global window, $ */ 
     $(function() { 
      'use strict'; 
      // Change this to the location of your server-side upload handler: 
      var url = "/products/products-import/"; 
      $('#fileupload').fileupload({ 
       url: url, 
       dataType: 'json', 
       done: function (e, data) { 
        $.each(data.result.files, function (index, file) { 
         $('<p/>').text(file.name).appendTo('#files'); 
        }); 
       }, 
       progressall: function (e, data) { 
        var progress = parseInt(data.loaded/data.total * 100, 10); 
        $('#progress .progress-bar').css(
         'width', 
         progress + '%' 
        ); 
       } 
      }).prop('disabled', !$.support.fileInput) 
       .parent().addClass($.support.fileInput ? undefined : 'disabled'); 
     }); 

    </script>

来源

2017-03-26 Milano Slesarik

您可能会收到一个服务器错误，如最大尺寸超过 –

没办法，没有请求发送到服务器。它看起来不知道我选择了该文件。 –

你试过将脚本包装在$(document).ready(function(){<your_code>});？用于在文档加载完成后运行的代码。

来源

2017-03-26 14:46:19 Juan

是的，我尝试过。我没有帮助。 –

当选择文件时JQuery文件上传不执行任何操作

回答

相关问题