<input type="file" value="Browse" name="avatar" id="id_avatar" />
我试图修改该值，但它不起作用。如何自定义按钮文本?
当前回答
这是一个JQuery插件，用于更改输入文件元素的按钮文本。
示例HTML:
<input type="file" id="choose-file" />
JS示例:
$('#choose-file').inputFileText({
text: 'Select File'
});
结果:
其他回答
只有CSS和bootstrap类
< =铁路”链接stylesheet " href = " https://cdn.jsdelivr.net/npm/bootstrap@4 6。0 /区/ css / min bootstrap。css”诚信=“sha384-B0vP5xmATw1 K9KRQjQERJvTumQW0nPEzvF6L - Z6nronJ3oUOFUFpCjEUQouq2 + l”crossorigin =“匿名”> <div class="col-md-4 inputting -group"> <输入类别=“form控制”类型=“文本”/> < div级= input-group-btn”> <标签for=“文件” <输入id=“文件”类型=“文件”/> < / div > < / div >
编辑:我现在看到的评论，你是关于按钮文本，而不是文件路径。我的坏。我将把我最初的答案留在下面，以防其他人偶然发现这个问题，以我最初的方式解释它。
我删除了这个答案，因为我认为我误解了这个问题，我的答案是不相关的。然而，另一个答案中的评论表明，人们仍然想看到这个答案，所以我将其删除。
我最初的回答(我以为OP是在问路径，而不是按钮文本):
出于安全原因，该特性不受支持。Opera网络浏览器曾经支持这一点，但它被删除了。想想如果这得到支持会发生什么;您可以创建一个带有文件上传输入的页面，用一些敏感文件的路径预先填充它，然后使用onload事件触发的javascript自动提交表单。这将发生得太快，用户无法对此采取任何措施。
I did it like this for my project: .btn-outlined.btn-primary { color: #000; } .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { color:#000; } .btn-block { display: block; width: 100%; padding: 15px 0; margin-bottom: 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; } <label for="fileUpload" class="btn btn-primary btn-block btn-outlined">Your text</label> <input type="file" id="fileUpload"style="display: none;">
这是一个JQuery插件，用于更改输入文件元素的按钮文本。
示例HTML:
<input type="file" id="choose-file" />
JS示例:
$('#choose-file').inputFileText({
text: 'Select File'
});
结果:
下面是一个用纯HTML和javascript“改变”文件类型输入文本的方法:
<input id='browse' type='file' style='width:0px'>
<button id='browser' onclick='browse.click()'>
*The text you want*
</button>
