js小技巧
2016-04-28 09:57
429 查看
1.上传文件一般通过<input type="file">这样来实现,但是file的按钮不是很美观。在日常应用中可以通过用一个a标签或者button触发file的click事件来弹出文件窗口。还能通过onchange事件与iframe结合来控制异步。
例:
html代码
绑定a标签与file的click事件
未完待续。
例:
html代码
<pre name="code" class="html">
<a href="javascript:void(0)" onclick="javascript:upImage()" >选择图片</a> <form id="imgUpload" name="imgUpload" action="/site" method="post" enctype="multipart/form-data" target="frameFile"> <input id="filedata" contenteditable="false" type="file" style="display:none;" onChange="document.getElementById('imgUpload').setAttribute('action','/site?' + new Date().getTime() );
<span style="white-space:pre"> </span>document.imgUpload.submit();" name="imgFile"> </form> <iframe id="frameFile" name="frameFile" style="display: none;"></iframe>
绑定a标签与file的click事件
function upImage(){ var isIE=document.all && window.external; if(!isIE){ document.getElementById('filedata').click(); } }
未完待续。
相关文章推荐
- 引用js文件
- JS代码判断IE6,IE7,IE8,IE9
- JS 四舍五入
- [BS-12] JSON的基础知识--百科
- 自定义标签库jsp
- javascript中this的指向问题
- 趣味javascript程序
- 将对象、Map或者List转换为Json串
- jstat查看gc情况
- JavaScript中字符串的常用操作汇总
- js实现99乘法表
- 字符串反转_JavaScript
- JS点击按钮弹出窗口
- js中两个感叹号的原理与用法分析
- extjs入门
- javascript编程技巧_模块化编程(匿名函数)
- 写个js程序咖常写的游戏-贪吃蛇
- JSP学生信息管理系统
- 字符串反转_JavaScript
- JavaScript Math 对象常用方法总结