如何在HTML文件输入控件中检查文件路径是否有效



我有这样的html代码:

<html>
<head>
    <title>File Upload Example</title>
</head>
<body>
    <form action="uploadsuccess.jsp" enctype="multipart/form-data" method="post">
        Please specify a file:<br/> 
        <input type="file" id="theFile" name="theFile" size="40"/><br/>
        <input type="submit" value="Submit"/>
    </form>
</body>
</html>

然后我尝试了这个:我浏览了一个完整文件路径的文件:C:abc.txt。然后在物理硬盘中,我更改了文件名(或将其移到其他地方)。文件输入文本框仍然显示"C:abc.txt",我单击提交按钮,结果是uploadsuccess.jsp根本没有到达。在firefox浏览器中,选项卡只是重新加载了一点,但页面没有。

当文件没有找到或不存在时,浏览器似乎拒绝发布数据。

我想知道如何验证输入的文件路径是否存在

您无法访问文件系统,但是,由于HTML5文件Api规范,您确实可以访问一些文件属性,文件大小就是其中之一。你可以测试一下。因为它是HTML5规范的一部分,所以它只适用于现代浏览器(IE不在其中之一)。

//Returns the file size for an form input.
document.getElementById("IdOfyourFileInput").files[0].size;

相关内容

  • 没有找到相关文章

最新更新