Question

基本上我是网络开发的新手，我正面临与使用file dialog box或JavaScript打开jQuery相关的问题，我的问题是如何打开{{1}点击file browser dialog box中的open按钮后，在file dialog box方法中获取文件path或name。

我在JavaScript中使用以下代码显示对话框

alert()

上面的代码显示了完美的文件浏览对话框，但是当我点击时会显示此警告框 <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" />但是我需要点击文件浏览对话框下的打开按钮。请帮帮我！

任何帮助都将被挪用！

Answer 1

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

在这里把它放在jsfiddle：http://jsfiddle.net/9ytkn/

Answer 2

只需获取value的{{1}}。

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文件并测试

使用JavaScript / jQuery在文件浏览对话框中单击打开按钮后获取文件名

4 个答案: