Question

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

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

Answer 1

我认为这就是你要找的东西。假设你有这个元素：

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

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

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