個性化文件上傳彈出窗口

Question

<input type="file" name="somename" /> 

我想通過在文件名文件中顯示一條消息來個性化彈出窗口。其中打開<input>類型文件的瀏覽按鈕。

Answer 1

如果您正在討論定製標準瀏覽器<input type="file" ... />文件瀏覽窗口/界面，那麼這根本是不可能的。你可以在Flash中重新創建你自己的界面/解決方案，但這遠遠超出了這個問題的範圍，反正也許不是最好的主意。

Answer 2

陷阱文件<input>元素上的click事件。然後，您可以使用alert()顯示消息或使用confirm()取消選項。使用preventDefault()可防止顯示文件上傳對話框。

演示：http://jsfiddle.net/ThinkingStiff/AX2s9/

腳本：

document.getElementById('file').addEventListener('click', function (event) { 
    if(!confirm('A message before the file dialog. Are you sure you want to upload a file?')) { 
     event.preventDefault(); 
    }; 
}); 

HTML：

<input id="file" type="file" />