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]
相关文章推荐
- javascript通过class获取元素
- EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
- Ext.js5表单,表格—(等级,评级)小部件(45)
- echarts学习总结(一):jsp整体框架
- js三种读取值的格式
- FastJson简单使用
- Javascript实现Array和String互转换的方法
- JS 关于 == 、===
- JS控制footer在浏览器的底端或者在文档的底端
- javascript 切换动画
- js/jq获取select选中的值
- jstack和线程dump分析
- 常用的验证规则js
- 深入JSX
- JSON语法
- javascript和Java 时间戳和PHP时间戳 的转换[10位和13位]
- ECharts获取后台json数据
- javascript execCommand
- javascript无缝全屏轮播
- JS—表单验证