通過AJAX上傳文件，一旦文件被選中

Question

在谷歌我找不到這個 - 我要做到以下幾點： -

• 用戶從輸入型圖像=文件選項
• 輸入類型=文件按鈕作爲PIC被點擊
• 的圖像經由AJAX
• 當文件被上載的文本框上載被示爲進入的圖像的描述就消失。

現在，我不明白如何/何時調用AJAX調用。請告訴我用戶選擇圖像的jQuery事件，使用它我可以調用AJAX函數。 在此先感謝...任何幫助將不勝感激。

Answer 1

當您的input上的文件被選中時，.change函數會觸發。看看下面的示例HTML：

<input type='file' id='fileImage'/> 

現在使用jQuery，一個change事件綁定到該輸入：

$("#fileImage").change(function() { 
    //Here is where you will make your AJAX call 
    console.log("Image selected!"); 
}); 

文件已被選定後，該會立即觸發。