如何提交文件而無需將其發佈到服務器？

Question

我希望我的用戶能夠將圖片上傳到我的服務器，並且一旦上傳完成，切換頁面就會將該圖像彈回到該網站上的div。

這是用於「更改個人資料圖片」頁面。我需要取回圖片，以便我可以調用jCrop jquery庫，以便他們可以根據自己的喜好裁剪圖片。

這是我到目前爲止有：

@{ 
    ViewBag.Title = "Profile Picture"; 
} 

<h1>Please choose your new profile picture.</h1> 

<input type="file" name="file" /> 
<input type="submit" value="OK" /> 

如果我把在@using BeginForm形式調回並在頁面加載一個新的地方。我不想要這種行爲。如何在不重新加載的情況下使用AJAX做到這一點？

Answer 1

除非瀏覽器支持文件API，否則無法通過ajax提交文件。 https://developer.mozilla.org/en/using_files_from_web_applications

您可以創建一個iframe並使用它提交圖像。

How can I upload files asynchronously?