當用戶在文件中拖動時,Javascript中是否有方法檢測其在DragEnter上的文件名(不是在上傳後)?Javascript:有沒有辦法獲得拖拽文件的文件名?
1
A
回答
1
並非所有的瀏覽器支持拖動文件到文件輸入(FF4在OS X上肯定沒有),但你可以檢查上change
事件,應提供跨瀏覽器的統一結果文件輸入的值。
取決於瀏覽器,你可以檢查的
<input type="file" id="foo" />
值,像這樣:
// vanilla JS
var filename = document.getElementById('foo').value;
// jQuery
var filename = $('#foo').val();
你會做這樣的change
聽衆裏面,像這樣(例如jQuery的jsFiddle):
function alertFileName()
{
alert(this.value);
}
var input = document.getElementById('foo');
// not IE friendly; use `attachEvent` instead
input.addEventListener('change', alertFilename, false);
如果您上傳的文件名爲bar.txt
,filename
將是:
'C:\fakepath\bar.txt'
(鉻)'bar.txt'
(火狐4,Safari瀏覽器)- ??? (IE)
我目前沒有設置測試IE;請隨時致電try it yourself。
相關問題
- 1. 有沒有辦法獲得附件的文件屬性?
- 2. 有沒有辦法切換JavaScript文件?
- 3. 有沒有辦法解壓JavaScript文件?
- 4. 有了filepicker.io,有沒有辦法獲得原始文件路徑?
- 5. 有沒有辦法獲得部分上傳的文件?
- 6. 有沒有辦法獲取glob解析的文件的名稱?
- 7. 有沒有辦法僅從tkFileDialog獲取文件的名稱?
- 8. 有沒有辦法獲得java文件/行號?
- 9. 有沒有辦法從.java文件中獲取.class文件
- 10. 有沒有辦法從`FILE *`獲取文件名?
- 11. 當用戶將文件拖入iTunes文件共享和同步完成時,有沒有辦法獲得通知?
- 12. sigma.js:有沒有辦法拖拽多個節點?
- 13. 有沒有辦法在UltraEdit中獲得文本文件的編碼?
- 14. 如何獲得沒有文件路徑的文件名?
- 15. 有沒有辦法調試plist文件?
- 16. 有沒有辦法保護iCalender文件?
- 17. 有沒有辦法測試CSS文件?
- 18. 有沒有辦法區分C++文件?
- 19. 有沒有辦法獲得ASP.NET成員資格中的所有配置文件
- 20. 有沒有辦法檢查使用JavaScript的文件編碼?
- 21. 有沒有辦法獲得現有NPAPI插件的代碼?
- 22. 有沒有辦法從azure中獲取所有文件
- 23. 有沒有辦法讓.htaccess文件得到這個?
- 24. 有沒有辦法讓C#中的所有文件名都沒有例外?
- 25. 有沒有辦法獲取音頻文件的長度Python Pyglet
- 26. 有沒有辦法從一個文件夾中只使用Javascript返回所有圖像文件名的列表?
- 27. 有沒有辦法在AndroidManifest文件中獲得當前產品風格的applicationId?
- 28. 有沒有辦法獲得文件選擇在Android 4.4上的Webview工作?
- 29. 有沒有辦法獲得鏈接列表的遠程文件大小?
- 30. 有沒有辦法獲得存儲在雲端的文件鏈接?
你使用任何形式的文件上傳程序庫? – 2011-05-17 03:27:45
嘗試一下:https://github.com/blueimp/jQuery-File-Upload – 2011-05-18 04:51:22