感知點擊「選擇文件」。

我有上傳文件形式：感知點擊「選擇文件」。

<form action="uploadImage.php" method="post" enctype="multipart/form-data" id="UploadForm"> 
      <input type="file" id="fileInput" name="ImageFile" help_token="upload_token" size=20 /> 
      <input type="submit" id="SubmitButton" help_token="upload_token" value="Upload" /> 
</form>

File upload

第一個輸入產生選擇文件按鈕，這將調用用戶的瀏覽器去查找文件。通過上傳提交表單時，所選文件將成爲「名稱」變量。上傳成功後，uploadImage.php會回覆「文件上傳成功」消息。問題在於，這個「成功」消息是從上次上傳開始，直到再次單擊上傳按鈕上載新文件。然後UploadImage.php立即清除消息，並在上傳新文件後更新消息（成功或失敗）。

但是我不喜歡在用戶點擊選擇文件時關閉消息，而不想選擇要上傳的新文件。看起來他已經做了一些事情來選擇它之前已經上傳文件。所以我想感受點擊選擇文件並清除消息。但是這個選擇文件按鈕是由瀏覽器生成的，並且在DOM中我似乎沒有任何東西可以攔截jQuery。

有沒有人有任何想法，當我點擊選擇文件時，如何清除成功消息？

感謝

來源

2014-11-20 Steve

看看這個SO接聽http://stackoverflow.com/questions/21842274/cross-browser-定製造型爲文件上傳按鈕 – 2014-11-20 17:40:56

使用的onclick = 「」

<input type="file" id="fileInput" name="ImageFile" help_token="upload_token" size=20 onclick="ClearLabel();" /> 

function ClearLabel(){// clear label code goes here. 
}

好運...

來源

2014-11-20 17:53:41 Ashwath

謝謝。這工作。（只要不將ClearLabel（）函數放入DOM就緒代碼中，或者在表單標記加載並需要函數地址時不會加載）。 – Steve 2014-11-20 19:08:06

感知點擊「選擇文件」。

回答

相關問題