2013-04-17 70 views
0

我想使用Twitter Boostrap FileUpload,因爲我喜歡它提供的預覽功能。這個和一些文本我想張貼到一個PHP腳本,上傳並添加信息到數據庫。我不一定需要PHP來做文件的上傳,如果JavaScript可以做到這一點,我只需要它的鏈接。Twitter Bootstrap FileUpload問題

此問題以前已被問過,但我找不到任何工作答案there。不,我不想使用第一個答案中建議的bootstrap文件上傳。

在我的php代碼中,我嘗試使用_FILE獲取imgData,但是它的空。我怎樣才能得到這個?

這是我的表格:

<form action="php/service.php" method="post"> 
     <div class="control-group"> 
     <div class="fileupload fileupload-new" data-provides="fileupload"> 
      <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div> 
      <div> 
       <span class="btn btn-file"> 
        <span class="fileupload-new">Select image</span> 
        <span class="fileupload-exists">Change</span> 
        <input type="file" name="imgData" id="imgData" /> 
       </span> 
       <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a> 
      </div> 
     </div> 
    </div> 
    <div class="control-group"> 
     <textarea rows="3" id="text" class="" name="text" placeholder="Text..."></textarea> 
    </div> 
    <div class="control-group"> 
     <button type="submit" id="upload" class="btn" onclick="$('.fileupload').fileupload();">Upload</button> 
    </div> 
    </form> 
在service.php

if ($_FILES["imgData"]["error"] > 0) { 
    echo "Error: " . $_FILES["imgData"]["error"] . "<br />"; 
} else { 
    $fileExt = $_FILES["imgData"]["type"]; 
} 

回答

0

您需要設置表單的編碼類型。

<form action="php/service.php" method="post" enctype="multipart/form-data"> 

我也有這種在IE中上傳文件的引導方式的困難。可能存在一些防止上傳的安全問題。