在 JSP 中使用一些其他文本更改浏览器按钮的缺省文本"No File Selected"



我的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以获得更好的设计我希望它能帮助你

最新更新