如何在<input type =“file”/>中隐藏文件位置?

时间:2011-05-14 19:19:59

标签: html css input input-type-file

  

可能重复:
  How to hide text field in Html File Upload

我正在设置一个AJAX图像上传器,允许用户选择文件,使用AJAX进行预览,然后单击提交按钮以保存他们的选择。

由于我的AJAX上传器的工作方式,即使用户选择并正在预览图像,它也总是说“没有选择文件”。如果用户想再试一次,我不想隐藏按钮。我知道我可以使用一些javascript在'选择文件'和'选择另一个'按钮或类似的东西之间切换,但我更喜欢保留原始按钮,这样用户就不必点击一堆不同的的按钮。

编辑: 我认为我的问题很明显,我想这不是因为我得到了亲密的选票......

1 个答案:

答案 0 :(得分:1)

假设我了解您的要求,请参阅this article。这是一个JS修复,我认为这不会是一个问题,因为你已经使用了AJAX。

它允许您设置文件输入的样式,因此只需要一点创造力,您就应该能够隐藏no file chosen文本。