如何更改html文件类型属性中“浏览”按钮旁边的文本“未选择文件”?

拉宾喇嘛洞

我们都熟悉html的file属性。在浏览器中,我们看到一个带有文本“浏览”和“未选择文件”文本的按钮。

如何在浏览按钮附近编辑文本“未选择文件”?
实际上,我想要做的是,用户打开该表单,通过该输入上传并提交文件,然后该文件存储在数据库中。用户打开相同表单时刷新页面后,应显示以前上传的文件的名称,而不是“未选择文件”。我怎么做。搜索了很多,但一无所获,我对此一无所知,所以没有尝试过任何东西。任何帮助,将不胜感激。提前致谢。

山姆·B

https://stackoverflow.com/a/7691323/6588826也许这可以帮助您

您可以在此处尝试一个有效的示例:http : //jsfiddle.net/VQJ9V/307/(在FF 7,IE 9,Safari 5,Opera 11和Chrome 14中测试)

的HTML

<div class="inputWrapper">
<input class="fileInput" type="file" name="file1"/>

CSS:

.inputWrapper {
height: 32px;
width: 64px;
overflow: hidden;
position: relative;
cursor: pointer;
/*Using a background color, but you can use a background image to represent a button*/
background-color: #DDF;}
.fileInput {
cursor: pointer;
height: 100%;
position:absolute;
top: 0;
right: 0;
z-index: 99;
/*This makes the button huge. If you want a bigger button, increase the font size*/
font-size:50px;
/*Opacity settings for all browsers*/
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从文件上传按钮旁边显示的“未选择文件”中删除点击事件

来自分类Dev

Django更改FileInput“浏览...且未选择文件”文本

来自分类Dev

如何根据浏览器语言更改翻译“浏览”或“选择文件”以用于表单输入类型=文件

来自分类Dev

如何编辑CarrierWave的“选择文件”按钮和“未选择文件”文本的CSS?(Rails4)

来自分类Dev

Swift /如何在Xib文件中更改按钮文本的颜色

来自分类Dev

使用按钮将文件选择为“未选择文件”后,如何更改 <input type="file"> 的状态或卸载文件

来自分类Dev

如何使用javascript变量更改html文件中的文本?

来自分类Dev

样式输入类型文件中未选择文件消息

来自分类Dev

如何在移动浏览器中的输入旁边保留HTML标签文本?

来自分类Dev

取消文件选择窗口时,如何在html文件类型元素中自动选择以前上传的文件?

来自分类Dev

选择文件后隐藏浏览按钮

来自分类Dev

如何更改文件类型?

来自分类Dev

文件类型更改(HTML 输入[类型=文件])

来自分类Dev

如何在Python中按下按钮时将标签的文本更改为文件名?

来自分类Dev

如何在按钮悬停属性中更改文本颜色

来自分类Dev

如何使用python在非默认文件类型应用程序(浏览器)中打开HTML文件?

来自分类Dev

如何更改选择文件文本引导5

来自分类Dev

HTML 多选更改“未选择”文本

来自分类Dev

如何从文本文件中读取并将其显示为 html 中的下拉列表(选择)

来自分类Dev

更改XML文件中的节点和属性文本

来自分类Dev

如何在html中单击按钮时显示文本文件

来自分类Dev

浏览按钮,无需在html中上传文件

来自分类Dev

如何取消选择HTML表单中的文件?

来自分类Dev

如何通过键入名称使文件浏览器中的文件/文件夹选择更流畅?

来自分类Dev

如何使用jquery选择HTML / CSS中的未包装文本?

来自分类Dev

在Git中,如何显示随更改类型更改的文件

来自分类Dev

如何将文本文件中的“拆分文本”输入字符串到文本框中并更改单选按钮的文本?

来自分类Dev

更改默认的“选择文件”按钮栏

来自分类Dev

更改默认的“选择文件”按钮栏

Related 相关文章

  1. 1

    如何从文件上传按钮旁边显示的“未选择文件”中删除点击事件

  2. 2

    Django更改FileInput“浏览...且未选择文件”文本

  3. 3

    如何根据浏览器语言更改翻译“浏览”或“选择文件”以用于表单输入类型=文件

  4. 4

    如何编辑CarrierWave的“选择文件”按钮和“未选择文件”文本的CSS?(Rails4)

  5. 5

    Swift /如何在Xib文件中更改按钮文本的颜色

  6. 6

    使用按钮将文件选择为“未选择文件”后,如何更改 <input type="file"> 的状态或卸载文件

  7. 7

    如何使用javascript变量更改html文件中的文本?

  8. 8

    样式输入类型文件中未选择文件消息

  9. 9

    如何在移动浏览器中的输入旁边保留HTML标签文本?

  10. 10

    取消文件选择窗口时,如何在html文件类型元素中自动选择以前上传的文件?

  11. 11

    选择文件后隐藏浏览按钮

  12. 12

    如何更改文件类型?

  13. 13

    文件类型更改(HTML 输入[类型=文件])

  14. 14

    如何在Python中按下按钮时将标签的文本更改为文件名?

  15. 15

    如何在按钮悬停属性中更改文本颜色

  16. 16

    如何使用python在非默认文件类型应用程序(浏览器)中打开HTML文件?

  17. 17

    如何更改选择文件文本引导5

  18. 18

    HTML 多选更改“未选择”文本

  19. 19

    如何从文本文件中读取并将其显示为 html 中的下拉列表(选择)

  20. 20

    更改XML文件中的节点和属性文本

  21. 21

    如何在html中单击按钮时显示文本文件

  22. 22

    浏览按钮,无需在html中上传文件

  23. 23

    如何取消选择HTML表单中的文件?

  24. 24

    如何通过键入名称使文件浏览器中的文件/文件夹选择更流畅?

  25. 25

    如何使用jquery选择HTML / CSS中的未包装文本?

  26. 26

    在Git中,如何显示随更改类型更改的文件

  27. 27

    如何将文本文件中的“拆分文本”输入字符串到文本框中并更改单选按钮的文本?

  28. 28

    更改默认的“选择文件”按钮栏

  29. 29

    更改默认的“选择文件”按钮栏

热门标签

归档