Question

我面临一个问题。是否可以更改文件类型输入默认文本i.e-No file choosen并设置自定义占位符值。实际上我需要在文件类型输入中设置自定义占位符值。我在下面解释我的代码。

<div class="row">
    <div class="col-md-12">
        <div style="margin-bottom: 25px" class="input-group">
            <span class="input-group-addon"><i class="fa fa-upload"></i></span>
            <input type="file" class="filestyle form-control" data-size="lg" name="upload" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect($file);">
        </div>
    </div>
</div>

我需要将默认文字No file choosen更改为Add driving Licence。

Answer 1

您无法更改按钮上的默认标签No file choosen，它们在浏览器中是硬编码的

使用标签可以分配自定义文本，隐藏输入元素并为文件输入元素添加标签

<input type="file" id="file" class="filestyle form-control hidden" data-size="lg" name="upload" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect($file);" >
<label for="file">{{fileInputPlaceHolder}}</label>

是否可以使用Angular.js

1 个答案: