當我在Uploadifive中按下上傳按鈕時，沒有任何反應

我試圖實現uploadifive的非Flash版本。下載附帶的演示正常工作。但是，如果我將文件放在視圖文件夾中並從控制器調用它，它似乎不工作。當我在Uploadifive中按下上傳按鈕時，沒有任何反應

這是我的view.php文件。它被放置在視圖文件夾中。

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>UploadiFive Test</title> 
<script src="js/jquery.min.js" type="text/javascript"></script> 
<script src="js/jquery.uploadifive.min.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="css/uploadifive.css"> 
<style type="text/css"> 
body { 
    font: 13px Arial, Helvetica, Sans-serif; 
} 
.uploadifive-button { 
    float: left; 
    margin-right: 10px; 
} 
#queue { 
    border: 1px solid #E5E5E5; 
    height: 177px; 
    overflow: auto; 
    margin-bottom: 10px; 
    padding: 0 3px 3px; 
    width: 300px; 
} 
</style> 
</head> 

<body> 
    <h1>UploadiFive Demo</h1> 
    <form> 
     <div id="queue"></div> 
     <input id="file_upload" name="file_upload" type="file" multiple="true"> 
     <a style="position: relative; top: 8px;" href="javascript:$('#file_upload').uploadifive('upload')">Upload Files</a> 
    </form> 

    <script type="text/javascript"> 
     <?php $timestamp = time();?> 
     $(function() { 
      $('#file_upload').uploadifive({ 
       'auto'    : false, 
       'checkScript'  : 'check-exists.php', 
       'formData'   : { 
             'timestamp' : '<?php echo $timestamp;?>', 
             'token'  : '<?php echo md5('unique_salt' . $timestamp);?>' 
            }, 
       'queueID'   : 'queue', 
       'uploadScript'  : 'uploadifive.php', 
       'onUploadComplete' : function(file, data) { console.log(data); } 
      }); 
     }); 
    </script> 
</body> 
</html>

這裏是控制器：

<?php 

class Upload_control extends CI_Controller 
{ 
    function __construct() 
    { 
     parent::__construct(); 


    } 

    function index() 
    { 


      $this->load->view('view.php'); 

    } 
}

伊夫放在JS /文件夾和CSS的JS腳本的CSS /文件夾中的網站的根。我已將check-exists.php和uploadifive.php放入網站的根目錄中。我不確定它是否會加載這些腳本，因爲上傳按鈕看起來與演示中的不同。我究竟做錯了什麼？

任何幫助，將不勝感激。

謝謝。

來源

2013-07-17 chris

*旁註：HTML5的*內容類型報頭的元應該是'<元的charset = 「UTF-8」/>' – Raptor

檢查您的developer console是否有任何錯誤。其次改變和寫入：

<script src="<?=base_url()?>js/jquery.uploadifive.min.js" type="text/javascript"></script> 
<script src="<?=base_url()?>js/jquery.min.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="<?=base_url()?>css/uploadifive.css">

來源

2013-07-17 06:33:25

我補充說，現在看來，以部分工作。我看到上傳進度，當我按上傳文件，它給了我一個404。任何想法？編輯：這是因爲它可以找到我的上傳腳本？ – chris

您的ajax調用不能訪問'check-exists.php'和'uploadifive.php'。 –

在''uploadScript'：'uploadifive.php'這一行中，「我試着把文件的絕對路徑設置爲」/ Applications/MAMP/htdocs/Test_Website/application/views /「。它沒有工作。 – chris

當我在Uploadifive中按下上傳按鈕時，沒有任何反應

回答

相關問題