我使用 CSS 设置了文件输入的样式:
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
<form>
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Upload Image
</label>
<input id="file-upload" name='upload_cont_img' type="file" style="display:none;">
</form>
一切正常,但我想显示选定的文件名。这怎么可能使用 CSS 或 jQuery?
原文由 amM 发布,翻译遵循 CC BY-SA 4.0 许可协议
您必须在
[type=file]
元素上绑定并触发更改事件,并将文件名读取为: