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

How to check if file path is valid in HTML File Input control?

本文关键字：文件 检查 路径 是否 有效 输入 HTML 控件      更新时间：2023-09-26

我有这样的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;
相关文章：