Question

javascript打开文件对话框选择打开文件后，如何一步到位的把文件路径名显示在文本框中

<script language="JavaScript">
function Fuc_select(){
var s= document.getElementById("file");
s.click();

var filepath = document.getElementById("Txt_filepath");
filepath.value=s.value;
}
</script>

该函数的目的是：执行时，打开一个文件选择对话框，用户选择文件后，将文件路径名赋值给id号是“Txt_filepath”的文本框。
但是，实际执行时，在用户尚未选择文件时，javascript立即执行了赋值语句，导致用户选择文件后，文本框内容仍为空。
请教大师，如何在此函数中实现，等待用户选择文件后，再执行赋值。
<input type="text" style="width:500px" id="Txt_filepath" >
<input type="button" style="width:50px;;margin:0 0 0 7px" value="选择" onClick="Fuc_select()">

Answer 1

首先创建一个input标签，定义type为“file”（*关键）

<button id="id">Open</button>
<input id="yourinputname" type="file" name="yourinputname" style="display: none;" />

然后用 jQuery 代码来触发它就可以了:

$('#id').on('click', function() {
   $('#yourinputname').trigger('click');
});

样例参考: http://jsfiddle.net/QVAC7/

Answer 2

选择文件的对话框是不需要你用事件打开的，那个事件是内置的，除非你重写了一个类似的按钮！

追问

就是一个文本框，一个按钮，点击按钮，打开一个“文件对话框”，选择一个文件后，希望把文件路径显示到文本框中，请赐教啊！

追答

获取文件路径利用表单的形式就可以.

 HttpPostedFile file = Request.Files["file"];
 string fileName = file.FileName;

这是C#代码，后台获取的方式.

直接通过js获取的话，不同浏览器还有兼容性问题。

可以参考一下附件。（由于超过最大字数了）