通过javascript获取文档中文件上载的文件名

Question

var fu1 = document.getElementById("FileUpload1");

我怎样才能获得fileupload控件的文件名 id FileUpload1

Answer 1

试试这个value属性,像这样:

var fu1 = document.getElementById("FileUpload1");
alert("You selected " + fu1.value);

注意:它看起来像是FileUpload1一个ASP.Net服务器端的FileUpload控件.
如果是这样,您应该使用该ClientID属性获取其ID ,如下所示:

var fu1 = document.getElementById("<%= FileUpload1.ClientID %>");

Answer 2

在google chrome element.value中返回名称+路径,但返回虚假路径.因此,对于我的情况,我在文件上使用了name属性,如下所示:

function getFileData(myFile){
   var file = myFile.files[0];  
   var filename = file.name;
}

这是来自页面的电话:

<input id="ph1" name="photo" type="file" class="jq_req" onchange="getFileData(this);"/>

Answer 3

要仅获取上传的文件名，请使用此方法，

fake_path=document.getElementById('FileUpload1').value
alert(fake_path.split("\\").pop())

FileUpload1 value 包含您可能不想要的假路径，以避免使用 split 和 pop 文件中的最后一个元素。