jQuery上傳正在運行但未上傳文件

我試圖用jQuery上傳文件，同時保持用戶在同一頁面上。

無論我嘗試沒有工作。我想知道如果有人能看一看，並告訴我哪裏會出錯。

我的HTML是

<form id="import" enctype="multipart/form-data" action="/ajax/postimport" method="POST"> 
    <div class="form-group"> 
     <input type="file" name="filename" id="filename" /> 
    </div> 
    <button type="button" id="importSave">Import</button> 
</form>

這是我的jQuery

$("#importSave").click(function() 
{ 
    $.ajax({ 
     url: '/ajax/postimport', 
     type: 'POST', 
     dataType: 'json', 
     contentType: false, 
     processData: false, 
     data: {file: $(#filename).val()}, 
     success: function(data) 
     { 
      alert(data.result) 
     }, 
     error: function(textStatus, errorThrown) 
     { 

     } 
    }); 
});

，然後我的PHP，這是Laravel 4

 if (Input::hasFile('filename')) { 
      $file = Input::file('filename'); 
      $destPath = public_path() . '/uploads/'; 
      $filename = str_random(10) . '_' . $file->getClientOriginalName(); 
      $uploadSuccess = $file->move($destPath, $filename); 
     }

來源

2014-10-20 BigJobbies

不可能僅通過上傳文件使用jQuery ajax函數。您將需要使用一個FormData對象來執行此操作。 Formdata的問題是它是not supported in all browsers。如果你想使用它，你總是可以找到很多教程，如this one。您可以使用a jQuery plugin that does the work for you。 :)

來源

2014-10-20 06:40:11 Jerodev