如何隐藏<input type='file'>中的文件位置?

5

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

由于我的AJAX上传程序的工作方式,即使用户已经选择并预览了图像,它仍然显示“未选择文件”。我不想隐藏按钮,以防用户想再试一次。我知道我可以使用一些JavaScript在“选择文件”和“选择其他”按钮之间切换或类似的东西,但我更喜欢保留原始按钮,这样用户就不必单击许多不同的按钮。

编辑: 我以为我的问题很明显,但似乎不是,因为我得到了接近投票的结果...


1
请查看以下内容:https://dev59.com/XnI-5IYBdhLWcg3wCz7y - jackJoe
1个回答

1

假设我理解了您的要求,请参见this article。这是一个JS修复程序,我想这不会成为问题,因为您已经在使用AJAX。

它允许您为文件输入设置样式,因此只需稍加创意,您就应该能够隐藏“未选择文件”的文本。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接