<html>
<head>
<title>实现input file 按钮值</title>
<script language="JavaScript" type="text/javascript">
/*
@author Roinli
@time 2012-10-18 12:42:00
@description input file 按钮值
****/
function HandleFileButtonClick()
{
document.frmUpload.myFile.click();
document.frmUpload.txtFakeText.value = document.frmUpload.myFile.value;
}
</script>
</head>
<body>
<form name="frmUpload">
<input type="file" name="myFile" style="display: none">
<input type="text" name="txtFakeText" readonly="true">
<input type="button" onclick="HandleFileButtonClick();" value="Browse">
</form>
</body>
</html>
分享到:
相关推荐
如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用...偶然看到一篇文章:input file 文件选择框美化 作者是把系统默认的按钮设置透明度为0,再定义一个label标签样式,来覆盖透明掉的按钮。支持IE6\IE7\FF
自己收集的按钮国际化实现,大家自己看看,应该有用的
只修改input file组件的浏览按钮样式
如何将input type=file显示的浏览变成英文的,简单实用!
input file 表单很难用css样式来控制,IE下还好,dorder属性可以修改,但firefox下不行,非常丑,而且file的值通过模拟click事件获取的文件不能提交,也不能传给其他函数。 浏览按钮长度也不可控制。 前几天遇到这个...
window.createObjectURL 上传图片,实现web预览
使用图片代替“上专文件”的浏览按钮,可以换成自己的个性图片,提供全部代码!
我们在做表单的情况下,input、textarea、button的样式比较容易定义,select和input file的样式难以定义。
文件上传input在各个浏览器里表现形式都不一样: ie6 ie7,8,9 ff chrome 这里介绍一种简单实用的,在各种浏览器下表现一致的美化方法,效果如下: ...ie6无法美化,只能应用...input type=”file” class=”file-
类似微博的图片上传按钮,可以自定义图片、样式和图片上的文字,兼容各种浏览器
jquery 美化下拉框,单选按钮,上传文件input typeFile的插件 简单实用
主要介绍了input file样式修改以及图片预览删除功能,input file 按钮改成自己想要的样式以及.图片预览功能的实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
html修改FileUpload控件的浏览按钮的文字改为自定义
为什么在input标签类型为file上传文件时在标签中设置属性 accpet="image/*",打开本地文件夹的速度特别慢? 经过测试发现,在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题 在windows里面,...
关键是给file文件域给了font-size,设置一个比较大的值,使其表单大写发生改变(各浏览器外观不同,但大写都改变了)如下图: input{font-size:100px;} 再用position定位,和透明度达到自己想要的效果。具体代码如下...
最近在使用画布处理图像像素时用到了file上传控件,发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width,另一个是file上传控件在不同的...基本思路:创建输入框和按钮模拟file上
input type="file">元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。 根据用户的需求,设计风格,改变其显示样式的场合就比较多了。 如果,要像下面一样...
这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结。所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨...
FLASH到这种效果一般也就是如这里所描述的 代码如下: import flash.net.FileReferenceList; var fileRef:FileReferenceList = new FileReferenceList(); var allTypes:Array = []; var 浏览类型:Object = new Object...