ngfileupload 上传文件

我们一般会觉得input中file的样式比较丑这是我们就要改改

我最近有项目有这样的要求  我就在这里说说我是怎么解决的

通常我们是这样写的

<div class="choose-book">
    <input class="file-name" type="text" readonly="readonly" ng-model="fileItem.name" placeholder="请选择文件"/>
    <input class="file-select" type="file" name="certificate" nv-file-select uploader="uploader" ng-click="clearItems()"/>
</div>

那它显示的样式是这样的

如果我们以class名为choose-key做一个position: relative;定位 给input中class名为file-select一个position: absolute;left: 0;这是显示成这样

这是我们在设置opacity: 0;这时他显示为

好了，这时input.file就是在这个input.text上面就完成了样式的修改剩下的controller就自己百度吧