50-(JQuery的Ajax)自定义修改input file选择文件按钮名
要自定义修改input file按钮的名称，可以通过CSS隐藏原生的file input，然后创建一个自定义的按钮，并用JavaScript来触发文件选择。以下是一个简单的示例：
HTML:
<input type="text" id="file-name" disabled placeholder="选择文件">
<button id="file-upload">选择文件</button>
<input type="file" id="file-input" style="display: none;">CSS:
#file-input {
display: none;
}JavaScript (使用jQuery):
$('#file-upload').on('click', function() {
$('#file-input').click();
});
$('#file-input').on('change', function() {
var fileName = $(this).val().split('\\').pop();
$('#file-name').val(fileName);
});这段代码创建了一个不可编辑的文本框来显示文件名，并创建了一个自定义的按钮来触发文件选择。当用户点击"选择文件"按钮时，隐藏的input file会被点击，用户选择文件后，文件名会显示在文本框中。
评论已关闭