社区
JavaScript
帖子详情
怎么样控制 input type=file 的按钮
jwwu
2004-09-18 08:38:16
<input type=file> 后面的那个浏览的按钮有没有什么办法控制一下
我想用一个图片代替
有没有办法实现呢
...全文
282
8
打赏
收藏
怎么样控制 input type=file 的按钮
后面的那个浏览的按钮有没有什么办法控制一下 我想用一个图片代替 有没有办法实现呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
flyskywlh
2004-09-19
打赏
举报
回复
<form name=form1 action="dd.asp">
<img src="dd.jpg" onclick="ddd()">
</form>
<script language=javascript>
function ddd()
{
form1.submit();
}
</script>
gaofaq
2004-09-19
打赏
举报
回复
拜托了 楼上各位 你们都好几颗星了 认真点好不好。。。
<input type="file">只能由用户操作
可以用CSS把file设为透明 上面再放个图片 这样可以
woyingjie
2004-09-19
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<input id=a size=20><a href=#><img src=*.jpg width=100 height=20></a>
<span style="position:relative;top:0;left:-100;width:80;filter:alpha(opacity=0)" >
<input type="file" name=file1 onpropertychange="a.value=this.value" size=1>
</span>
<span style="position:relative;left:-100px;">
<input type="submit" value="上传">
</span>
</form>
ice_berg16
2004-09-19
打赏
举报
回复
<input type="file">只能由用户操作
---------------------------------
什么意思?不是很明白
这个问题要想改变图片只能模拟
ice_berg16
2004-09-18
打赏
举报
回复
<input type='file' name="img" style="display:none">
<input type="image" src="csdn.gif" onclick="this.form.img.click()">
歪歪
2004-09-18
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<img src=' ...' onclick=file1.click>
<input type="file" name=file1 style="display:none" size=1>
</form>
不知道行不
jwwu
2004-09-18
打赏
举报
回复
前面的那个输入框可不可以去掉?
zltostem
2004-09-18
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<input id=a size=20><img src=' ...'></img>
<span style="position:relative;top:0;left:-100;width:80;filter:alpha(opacity=0)" >
<input type="file" name=file1 onpropertychange="a.value=this.value" size=1>
</span>
<span style="position:relative;left:-100px;">
</span>
</form>
input
type
=
file
后面浏览
按钮
的样式
控制
本文介绍了三种在网页中实现文件上传的方法,包括通过JavaScript调整上传控件的位置使其不可见但仍可点击,以及利用不同浏览器特性实现美观的文件选择界面。
html5
file
样式,如何用纯css实现
input
[
type
=
file
]的样式
控制
(代码示例)
本文介绍了一种使用纯CSS实现对
input
[
type
=
file
]元素样式
控制
的解决方案,避免了常见的需要JavaScript或者在主要浏览器中不工作的方法。通过创建一个包装元素并隐藏原始
input
,可以实现对上传
按钮
的全面样式定制。示例代码展示了如何通过CSS实现这一目标,包括改变颜色、边框等外观效果。
input
file
在不同浏览器中的呈现
本文探讨了文件选择输入控件(
input
type
=
file
)在IE、Firefox、Chrome及Opera等浏览器中的表现差异,包括
按钮
位置、宽度
控制
、触发方式及文件路径显示等方面。
关于
input
type
=
file
样式设置的坑
项目需修改bootstrap样式,在修改
input
type
=
file
右边选择文件
按钮
样式时,直接获取设置id的元素并非所需元素,在
控制
台设置button也无效。测试发现,直接从代码取元素不是目标元素,在浏览器解析dom完成后才能拿到目标元素,所以必须在dom加载完成后操作。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章