在html输入中堆叠附加的文件名
疯狂的
我们如何显示附加的文件名，使其堆叠在“选择文件”输入按钮上方，单击该按钮将打开文件浏览窗口。浏览器（firefox和chrome）默认在输入按钮旁边显示文件名（请参见下图）。
<div class="blaa">
<a class="delete-icon" href="#"><span /></a><input name="file[0]" type="file" />
</div>
a-类用于删除按钮，尝试输入标签中的多个对齐参数实际上并没有帮助，因为它也会不断移动输入按钮。
用户名
为什么不模拟对隐藏文件输入的单击。遮住你想要的任何东西，例如
<div id="filenames" style="width:200px;height:200px;border:1px solid black;overflow:scroll;"></div>
<button onclick="document.getElementById('file').click ();">LoadFile</button>
<input type="file" id="file" style="display:none" onchange="var filediv=document.getElementById('filenames').appendChild (document.createElement ('p'));filediv.innerHTML=this.value;" />
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在Firefox中处理html输入类型文件的文件名
- 2
输出文件名与R中具有附加名称的输入相同
- 3
在输入文件名后附加单词作为输出文件名
- 4
在输入文件名后附加单词作为输出文件名
- 5
验证Powershell中输入的文件名
- 6
附加到文件夹中的文件名
- 7
如何强制 HTML 输入文件选择器在 Ionic(Android) 中给出原始文件名？
- 8
动态将文本附加到Bash中的文件名
- 9
Rails在CSS文件名中附加字符串
- 10
附加到Bash中的变量文件名
- 11
将文字附加到PHP中的文件名？
- 12
jQuery检查文件类型输入中的上传文件名
- 13
PDI - 基于文件名中的日期的多个文件输入
- 14
从列表中读取文件名然后附加它们不会附加文件
- 15
如何在ffmpeg的输出文件名中包含输入文件名
- 16
Golang如何在Go中读取输入文件名
- 17
使用Automator中的数组变量作为文件名输入
- 18
如何从“多重输入”中的FileReader函数获取文件名？
- 19
使用Automator中的数组变量作为文件名输入
- 20
水壶勺-文件名输入中的变量
- 21
如何从标准输入中获取文件名
- 22
将路径附加到文件名
- 23
附加文件名以列出理解
- 24
获取路径并附加文件名
- 25
在文件名上附加创建日期
- 26
脚本输入文件名或标准输入
- 27
多个输入文件名作为 R 中的输出文件名
- 28
将输入文件名中的元素合并到Python中的图形标题和图形文件名中
- 29
如果ID匹配，则将文件名附加到csv文件中
我来说两句