如何在使用具有多个属性的html“file”输入时获取所有文件路径

时间:2011-11-17 14:36:08

标签: java javascript html

我正在开发一个网页,我必须上传多个文件 一次浏览。

我正在使用html <input id="filelist" type="file" multiple=multiple>

这样可以选择多个文件并检索 所有选定文件的完整文件路径,显示在文件中 上传文字区域。

<script language="JavaScript">
    <!--
    function showname(){    
        var  filepath = document.form1.filelist.value ;  
        alert(filepath); //this shows only first filename among selected file
    }
    -->
    </script>

但问题是当我得到输入值时,它只返回第一个文件 所选文件中的名称。

现在我如何获取文件上传文本区域中显示的文件路径。

谢谢!

3 个答案:

答案 0 :(得分:2)

这是特定于浏览器的。因此,您可能在不支持此功能的浏览器中运行此功能。例如Firefox。以下是如何使用此功能的示例:

http://hacks.mozilla.org/2009/12/multiple-file-input-in-firefox-3-6/

答案 1 :(得分:0)

我会考虑使用http://www.uploadify.com/about/http://www.fyneworks.com/jquery/multiple-file-upload/。他们应该帮助您,并为您的文件上传表单添加一些很酷的功能。

答案 2 :(得分:0)

出于安全考虑,故意隐藏文件路径。要查看本地文件系统,您需要使用Java,Active-x(meh)或Flash。