Question

我有一个包含输入文件字段[<input type="file" id="select-file" accept=".md"><label for="select-file">Select import file</label>]的表单。它为我选择文件后立即触发的更改事件[$("#form").on("change", "#select-file", handler)]定义了一个jQuery处理程序。

在Linux上使用Firefox 工作，在主页与Windows使用Firefox和Chrome时，它可以完美运行。

而使用Chrome或Firefox的Windows使用工作，浏览器会在选择文件后冻结约8秒。只有在这个中断之后，我才能按下表格上的其他按钮，然后更改＆＃34;事件火灾。

放弃Windows和工作不相关的假设，冻结似乎与工作中可用的不同网络磁盘有关。任何人都可以建议我要检查什么，希望有办法避免冻结？谢谢！

小例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>File Select</title>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
</head>
<body>
<div id="import-form">
    <input type="file" id="select-file" accept=".md">
    <label for="select-file">Select a file</label>
    <p id="selected-file">No file selected</p>
</div>
<script>
$("#import-form").on("change", "#select-file", function(e) {
    $("#selected-file").text(e.target.value.split('\\').pop());
});
</script>
</body>
</html>

Answer 1

Chrome 在使用任何文件字段后会冻结几秒钟。

这是因为我在 Windows 资源管理器的“快速访问”菜单中有一个快捷方式。此快捷方式已与网络共享的文件夹链接。我已删除此快捷方式，现在一切正常。

在输入字段中选择文件后浏览器冻结

1 个答案: