您的位置:首页 > Web前端 > JavaScript

Angular JS 文件上传按钮覆盖问题

2015-12-21 16:41 696 查看
在文件上传中,如果使用<input type="file"> 会出现如图的效果:,按钮上的“选取文件” 字是无法改变的,这样会比较丑,可以选择如下的效果:
<div ng-controller="form-ctrl">
<form>
<button ng-click="selectFile()">Upload Your File</button>
<input type="file" style="display:none" id="file" name='file' />
</form>
</div>
<script>
var DemoModule = angular.module("Demo",[]);
DemoModule .controller("form-ctrl
",function($scope){$scope.selectFile = function(){$("#file").click();}});</script>[/code]

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: