使用JavaScript / jQuery在文件瀏覽對話框中單擊打開按鈕后獲取文件名

Question

基本上我是Web開發的新手，我面臨着與使用JavaScript或jQuery打開file dialog box相關的問題我的問題是如何打開file browser dialog box並在file dialog box單擊open按鈕后獲取文件alert()方法中的path或name 。

我在JavaScript中使用以下代碼顯示對話框

<script type="text/javascript">
    function performClick(node) {
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", true, false);
        node.dispatchEvent(evt);
        var pathnew = document.getElementById('theFile').value;

    }
</script>

<a href="#" onclick="performClick(document.getElementById('theFile'));">Open file dialog</a>
<input type="file" id="theFile" />

上面的代碼顯示了完美的文件瀏覽對話框，但是當我點擊Open file dialog時顯示此警告框，但我需要在單擊文件瀏覽對話框下的打開按鈕后顯示。 請幫我！

任何幫助都將被挪用！

Answer 1

<form>
    <input type="file">
</form>
<script>
  $(":file").change(function(){
    alert($(":file").val());
  });
</script>

把它放在jsfiddle給你： http ： //jsfiddle.net/9ytkn/

Answer 2

剛剛得到的value的的<input type="file" />

Answer 3

我認為這是正確的...應該產生一個“瀏覽”按鈕：

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

<button type="button" onclick="DisplayFilePath();">Display file path</button>

<script>
function DisplayFilePath(){
    alert($("#file_field").val())
}
</script>

Answer 4

試試這個：

<SCRIPT>
    function reverseData(val)       {var d="";var temp="";for (var x=val.length;x>0;x--) {d+=val.substring(x,eval(x-1));}return d;}
    function getFilename(val)       {val=escape(val);var reversedsrc=reverseData(val);var nameEnd=reversedsrc.indexOf('C5%');var name=reversedsrc.substring(0,nameEnd);name=reverseData(name);name=unescape(name);return name;}
    var daname='val';
    document.write('<INPUT TYPE="file" ID="val"><INPUT TYPE="button" VALUE="Get File Name" ONCLICK="alert(getFilename(window.document.getElementById(daname).value))">');
</SCRIPT>

把它放入html文件並測試