javascript - 选择后隐藏文件输入

<分区>

关闭 8 年前。

我有一个表单，允许用户从磁盘中选择一张图片进行上传，然后查看该图片的预览。用户还可以选择通过附加到图像的动态生成的文件输入来添加更多图片。我正在使用 bootstrap-filestyle 使输入更漂亮。

我的问题是:我可以隐藏用户在填充文件后用来选择文件的文件输入吗？这样做的目的是将焦点放在新生成的文件输入上。我尝试通过 css 设置可见性和显示，但都不起作用。也许这与 Bootstrap-Filestyle 覆盖有关？

最佳答案

我想这就是您要找的。假设你有这个元素:

<input type='file' id='file_upload'>

您可以使用以下 jQuery 在选择文件时隐藏它

$('#file_upload').change(function() {
  $('#file_upload').hide();
}

关于javascript - 选择后隐藏文件输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24535631/