jsp上传文件,隐藏file标签,使用span和text标签展示
来源:互联网 发布:舞蹈软件有哪些 编辑:程序博客网 时间:2024/05/16 14:24
jsp上传文件,隐藏file标签,使用span和text标签展示,代码如下
<span class="mr5">文件名称</span><input type="text" id="fileaddress" class="zqzm_text2 mr5" />
<input type="file" id="filename" style="position:absolute;opacity:0;filter:alpha(opacity=0);width:55px;height:25px;"
name="filename" onchange="fileaddress.value=this.value;"/>
<span class="zqzm_btn1 mr5" id="liulan">浏览</span>
由于浏览span标签要和file标签处在同一个位置,隐藏file标签。
有的ie版本会出现隐藏不掉的情况,需要在file标签中增加 opacity:0;filter:alpha(opacity=0); 这个样式来解决。
同时span和file标签可能覆盖不全,需要在点击span的时候调用file的点击事件。
点击上传修改text标签的值。
$("#liulan").bind("click",
function(){
$("#filename").click();
}
);
$("#filename").change(
function(){
$("#fileaddress").val($("#filename").val());
}
);
- jsp上传文件,隐藏file标签,使用span和text标签展示
- jsp 使用input标签 file 如何上传多个文件
- Struts2-文件上传-<s:file>标签使用
- java /Spring /jsp 使用input标签 file 如何上传多个文件
- div和span标签
- div和span标签
- Div和span标签
- 多文件上传(input标签file)
- input标签file 多文件上传
- file 标签上传文件,更改样式
- span标签的使用技巧
- 使用<strong>、<em>、<span>标签
- html标签div和span
- 0430-div和span标签
- span标签
- span标签
- 上传文件 隐藏input type="file",用text显示
- 上传文件到又拍云+jsp内嵌播放器wmp+在线播放+video标签+File上传文件
- C++文件(夹)选择对话框
- mysql分表的3种方法
- 黑马程序员---网络编程基本概念
- 计算机金融题目
- USING_NS_CC的理解
- jsp上传文件,隐藏file标签,使用span和text标签展示
- oracle定时器调用存储过程
- 试听广州传智播客.Net课程培训,我做决定了!
- [ CSS ] CSS深入之label与input对齐!
- 广州传智播客Java课程 让学生真正认识到培训的价值
- 广州传智播客平面课程优势在哪?
- windows驱动入门-1
- 传智播客广州校区PHP课程和北京是一样的吗?
- 服务器端中文显示正常,浏览器显示乱码解决办法