“上传文件…”文本是浏览器预先定义的，不能更改。 解决这个问题的唯一方法是使用Flash或基于java的上传组件，比如swfupload。

简单的

<label class="btn btn-primary">
  <i class="fa fa-image"></i> Your text here<input type="file" style="display: none;"  name="image">
</label>

[编辑片段]

<link href=“https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css” rel=“stylesheet”/> <link href=“https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css” rel=“stylesheet”/> <label class=“btn btn-primary”> <i class=“fa fa-image</i>”> 你的文本在这里<输入类型=“文件” 样式=“显示：无;” 名称=“图像”> </label>

这是一个JQuery插件，用于更改输入文件元素的按钮文本。

示例HTML:

<input type="file" id="choose-file" />

JS示例:

$('#choose-file').inputFileText({
    text: 'Select File'
});

结果:

你可以放一张图片，像这样做:

HTML:

<img src="/images/uploadButton.png" id="upfile1" style="cursor:pointer" />
<input type="file" id="file1"  name="file1" style="display:none" />

JQuery:

$("#upfile1").click(function () {
    $("#file1").trigger('click');
});

警告: 在IE9和IE10中，如果你通过javascript触发文件输入中的onClick，表单将被标记为“危险”，不能用javascript提交，不确定它是否可以传统地提交。

编辑:我现在看到的评论，你是关于按钮文本，而不是文件路径。我的坏。我将把我最初的答案留在下面，以防其他人偶然发现这个问题，以我最初的方式解释它。

我删除了这个答案，因为我认为我误解了这个问题，我的答案是不相关的。然而，另一个答案中的评论表明，人们仍然想看到这个答案，所以我将其删除。

我最初的回答(我以为OP是在问路径，而不是按钮文本):

出于安全原因，该特性不受支持。Opera网络浏览器曾经支持这一点，但它被删除了。想想如果这得到支持会发生什么;您可以创建一个带有文件上传输入的页面，用一些敏感文件的路径预先填充它，然后使用onload事件触发的javascript自动提交表单。这将发生得太快，用户无法对此采取任何措施。

<input id="uploadFile" placeholder="Choose File" disabled="disabled" />
<div class="fileUpload btn btn-primary">
    <span>Your name</span>
    <input id="uploadBtn" type="file" class="upload" />
</div>

JS

document.getElementById("uploadBtn").onchange = function () {
    document.getElementById("uploadFile").value = this.value;
 };

更多的http://geniuscarrier.com/how-to-style-a-html-file-upload-button-in-pure-css/