要更改默认文本"No File Selected"在JSP中添加一些其他文本的浏览器按钮

To change the default text "No File Selected" of a browser button with some other text in JSP

本文关键字：quot 文本添加其他按钮浏览器 Selected 默认 No File JSP 更新时间：2023-09-26

我的jsp中有一个文件浏览器按钮。在最开始的时候，它旁边有一个类似"未选中文件"的文本。选择文件后，显示文件路径，而不是"No file Selected"。现在我想用"。jpg"或支持的格式名称替换"No File Selected"。这可能吗?

我的浏览器按钮代码…

 <form:input name="file1" type="file" accept="image/png,image/jpeg"
    id="files" path=""  size="500" title="files" />

使用这个样式…

为了让你设计好你的输入文件..

不显示输入。把它隐藏起来，在你的按钮或任何你想要的元素上做一个设计。就像我下面的例子…

<input type="file" id="myUpload" style="display:none" />
<button type="button" onclick="javascript:document.getElementById('myUpload').click();">Upload Photo</button>

我隐藏了输入，同时显示按钮，并给它一个属性onclick，让javascript做魔术..

示例如下:

http://jsfiddle.net/aYd72/

和更好地使用bootstrap以获得更好的设计我希望它能帮助你