在进行Web开发时，我们经常会遇到需要通过file控件让用户选择本地文件的场景。然而，出于安全和隐私考虑，浏览器限制了我们通过JavaScript直接访问用户选定的文件的完整路径。这主要是为了防止恶意脚本读取用户的文件系统信息。但是，有时在特定条件下，我们还是可以通过一些方法来获取文件的路径。
文章中提到的是在隐藏input file的情况下，如何在不同的浏览器中获取file控件的值，即用户选定文件的完整路径。
需要了解的是，file控件的value属性通常仅包含文件的名称，而不包含完整路径。但是一些旧版的浏览器（如IE6及以下版本）可能会包含路径信息。然而，由于现代浏览器的安全限制，即使在这些旧版浏览器中，我们也不能依赖于获取路径。对于现代浏览器，我们需要采取其他方法。
在某些浏览器中（如Firefox），可以通过调用浏览器特定的API来尝试获取文件的路径。在上述代码中，Firefox环境下获取文件路径的方法是`readFileFirefox`函数，其中运用了Mozilla提供的组件对象（Components）来创建`nsILocalFile`实例。需要注意的是，这个方法需要特定的权限，并且只能在用户主动触发文件输入控件的情况下工作，不能自动运行。
对于IE7及以上的版本，可以通过`document.selection.createRange().text`来获取选中的文件路径，但这个方法同样有其局限性，例如它依赖于用户是否手动选中了路径。此外，IE浏览器已经较旧，使用它的用户已经非常少。
接下来，我们来看看如何兼容不同浏览器获取路径的方法。`getvl`函数首先检查浏览器类型，判断它是IE、Firefox、Chrome、Opera还是Safari。然后根据不同的浏览器类型，使用不同的方法获取文件路径。对于Firefox，它调用了之前提到的`readFileFirefox`函数。对于IE7及以上的版本，使用`document.selection.createRange().text`。对于其他浏览器，可能就没有办法获取文件的路径了。
需要注意的是，即使是上述方法，也可能因为浏览器安全设置的不同而导致无法获取文件路径，或者在不同版本的浏览器中行为不一致。通常，出于安全考虑，大多数现代浏览器都不支持通过JavaScript直接获取用户选定文件的完整路径。
为了替代直接获取路径的方式，开发者们通常会使用文件的其他信息，如文件名（`file.name`）、文件类型（`file.type`）、文件大小（`file.size`），或者是文件的base64编码数据（`file.getAsDataURL()`）。这些信息可以在不触碰文件路径的情况下，提供足够的数据传输和处理需求。
在处理文件时，出于安全的考虑，开发者应当遵循浏览器提供的安全指南，并且在用户界面上明确告知用户他们的文件将如何被使用。这样可以在不违反安全政策的同时，完成必要的文件处理任务。
