关于文件上传按钮的美化
来源:互联网 发布:js 代码高亮插件 编辑:程序博客网 时间:2024/05/16 18:16
<a href="javascript:void (0)" onclick="document.getElementById('file1').click()" class="btn btn-info" >上传文件</a> <input type="file" name="file1" id="file1" class="file1" style="display:none" onChange="changeText(this)"> <a id="filename">请选择文件</a><script>function changeText(th){ var filename = document.getElementById("filename"); var exist = th.value.lastIndexOf("\\"); // 火狐浏览器直接可以获取到文件名 if(exist == -1){ filename.textContent = th.value; } //chrome可以获取到绝对路径 else{ filename.textContent = th.value.substring(exist + 1); } }</script>
思路是把原来的文件上传按钮隐藏,采用别的按钮设置一个onclick事件 触发文件上传的按钮;
代码如下:
阅读全文
0 0
- 关于文件上传按钮的美化
- 上传文件file按钮的美化处理
- 美化input文件上传按钮
- 类似微博的文件上传按钮file的美化
- 关于页面浏览文件按钮的修改美化css
- 隐藏文件上传按钮前面的输入框,美化文件模拟ajax上传。并预览图片
- CSS美化上传按钮并获取上传文件路径
- CSS美化上传按钮并获取上传文件路径
- android 关于美化按钮的小技巧
- 关于input file按钮的美化
- 文件上传按钮样式美化,显示图片路径
- 美化文件按钮
- css对上传按钮美化
- 上传按钮<input type='file'/>的样式美化
- 美化文件上传控件
- 美化文件上传控件
- 美化VC6的按钮
- Qt按钮的美化
- POJ 2312 Battle City
- 深度学习之RBM
- Pull Request 的概述
- Java之JTree
- TabLayout导航栏
- 关于文件上传按钮的美化
- 单片机学习札记9 定时器模拟PWM呼吸灯
- C++ 学习记录
- 北京SEO祭司:关于熊掌号的一些个人见解
- 安装PHP7
- Spring Boot使用logback
- Browser 对象(Window 对象)
- ssl1010-方格取数
- memcache的原理和命中率的总结