fileupload控件如何动态显示fileupload控件选择的图片

fileupload控件  时间:2021-07-06  阅读:()

如何改变FileUpLoad控件内容??

对于fileupload,它的file值是只读的,我们没有办法去改变它,不过一些变相的方法还是可以的。

方法一: 上传控件基础知识说明: 上传控件(<input type="file"/)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它。

很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了,呵呵,毕竟表单的submi是可以随便调用的。

仔细想想,上传控件是不是任何时候都不可能被清空呢?答案是否,form.reset()方法能够重置所有得表单元素。

只要调用inputFile.form.reset(),那么上传控件的值就清空了,不要担心它被恢复为某个默认值,value是只读的,你不能为它设置某个初始值。

然而这个方法还是不够优雅,沿着思路继续想下去,不难得到改进的方法:创建一个新的form,把上传控件临时放过来,再调用这个form的reset方法,完工之后再把上传控件弄回去。

这个form无需进入DOM结构便能正常工作,所以不用担心会对界面有任影响。

下面给出函数实现,经过验证工作良好,呵呵。

程序代码 //清空文件上传框 function clearFileInput(file){varform=document.createElement('form'); document.body.appendChild(form); //记住file在旧表单中的的位置varpos=file.nextSibling; form.appendChild(file); form.reset(); pos.parentNode.insertBefore(file,pos); document.body.removeChild(form);} 方法2 用这个方法不能保存input的样式 比较简单了 重新建立个 file 就可以了。

程序代码<spanid=span1<inputname=abtype=file</span<input name=button1 type=buttonvalue="按" onclick=show()<script language=javascriptfunctionshow(){ document.getElementByIdx("span1").innerHTML="<inputname=ab type=file";} </script 方法3,用这个方法可以保存input的样式<input name=button1 type=buttonvalue="按" onclick=show()<script language=javascriptfunctionshow(){ var e=document.getElementByIdx("span1");

Repeater控件里面的FileUpload控件

FileUpload upload =(FileUpload)((Control)sender).Parent.FindControl("FileUpload1"); 把这行改改试试

如何动态显示fileupload控件选择的图片

function SelectImg(url){ document.all.item("ProductImg").src=document.getElementById("FileUpload1").value; } <asp:FileUpload ID="FileUpload1" runat="server" onchange="SelectImg(this)" /> ---------------------------------- 兄弟 你也太抠了……起码给点分

  • fileupload控件如何动态显示fileupload控件选择的图片相关文档

VirMach:$27.3/月-E3-1240v1/16GB/1TB/10TB/洛杉矶等多机房

上次部落分享过VirMach提供的End of Life Plans系列的VPS主机,最近他们又发布了DEDICATED MIGRATION SPECIALS产品,并提供6.5-7.5折优惠码,优惠后最低每月27.3美元起。同样的这些机器现在订购,将在2021年9月30日至2022年4月30日之间迁移,目前这些等待迁移机器可以在洛杉矶、达拉斯、亚特兰大、纽约、芝加哥等5个地区机房开设,未来迁移的时...

香港九龙湾(27元) 2核2G 20元 香港沙田

弘速云是创建于2021年的品牌,运营该品牌的公司HOSU LIMITED(中文名称弘速科技有限公司)公司成立于2021年国内公司注册于2019年。HOSU LIMITED主要从事出售香港VPS、美国VPS、香港独立服务器、香港站群服务器等,目前在售VPS线路有CN2+BGP、CN2 GIA,该公司旗下产品均采用KVM虚拟化架构。可联系商家代安装iso系统。国庆活动 优惠码:hosu10-1产品介绍...

RAKsmart推出7.59美元/月,云服务器产品Cloud Server,KVM架构1核1G内存40G硬盘1M带宽基础配置

近期RAKsmart上线云服务器Cloud Server产品,KVM架构1核1G内存40G硬盘1M带宽基础配置7.59美元/月!RAKsmart云服务器Cloud Server位于美国硅谷机房,下单可选DIY各项配置,VPC网络/经典网络,大陆优化/精品网线路,1-1000Mbps带宽,支持Linux或者Windows操作系统,提供Snap和Backup。RAKsmart机房是一家成立于2012年...

fileupload控件为你推荐
图片地址如何根据一张图片的地址找到它在哪发的akfWOW的意思是什么?AKF呢?oncontextmenuoncontextmenu="return false"是什么意思云图片简单易学画的云彩图片李昊天李昊天这名字给多少分拓扑关系简述空间数据的拓扑关系及其对GIS数据处理和空间分析有何重要意义?jdk6java—JDK6,在SUN公司官网下载的链接,民生电商民生电商与传统的电商有什么区别?欢迎页面怎样取消“欢迎页面”?jsindexofjavascript 中indexof 的用法
linuxapache虚拟主机 awardspace 搜狗抢票助手 我爱水煮鱼 seednet 国内域名 防cc攻击 lamp怎么读 免费稳定空间 服务器防御 forwarder ping值 在线tracert tracert 天鹰抗ddos防火墙 冰盾ddos防火墙 隐士ddos 电脑显示屏不亮但是主机已开机 天翼云主机 电脑主机声音很大 更多