有沒有什麼辦法能夠使用jQuery,以檢測當一個文件被上傳到一個input元素象下面這樣:如何檢測文件何時上傳到文件類型的輸入元素?
<input type='file' name='filex' id='filex' style="height: 2.3em" size="23" />
我在尋找特定當文件被放置到一個事件(上傳)到元素,而不是在打開打開的文件對話框之前單擊該元素。我知道我可以提交表單然後獲取文件服務器端,但是我希望在確認提交表單之前向用戶顯示縮略圖。
謝謝。
有沒有什麼辦法能夠使用jQuery,以檢測當一個文件被上傳到一個input元素象下面這樣:如何檢測文件何時上傳到文件類型的輸入元素?
<input type='file' name='filex' id='filex' style="height: 2.3em" size="23" />
我在尋找特定當文件被放置到一個事件(上傳)到元素,而不是在打開打開的文件對話框之前單擊該元素。我知道我可以提交表單然後獲取文件服務器端,但是我希望在確認提交表單之前向用戶顯示縮略圖。
謝謝。
與沒有選擇文件file
輸入將開始關閉,並且沒有文件可以在沒有用戶交互來選擇,我建議使用change()
方法(使用change
事件):
$('input:file').change(
function(e){
console.log('file "' + path.split('\\').pop(); + '" selected.');
});
參考:
var fileInput = document.getElementById('filex');
fileInput.onchange = function(e){
if(e.target.files.length > 0)
// File uploaded
}
我想你誤用單詞'uploaded'。對我來說,這意味着文件的數據已完全傳輸到服務器。我認爲你選擇文件路徑的時候會去做。 –
爲什麼不使用'change()'?由於輸入將開始'空'(並且不能以編程方式添加文件,而沒有用戶交互),任何文件的添加都必然會調用'change'事件。 –
酷,任何更好的詞來形容場景? –