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控件选择的图片相关文档

TmhHost香港三网CN2 GIA月付45元起,美国CN2 GIA高防VPS季付99元起

TmhHost是一家国内正规公司,具备ISP\ICP等资质,主营国内外云服务器及独立服务器租用业务,目前,商家新上香港三网CN2 GIA线路VPS及国内镇江BGP高防云主机,其中香港三网CN2 GIA线路最低每月45元起;同时对美国洛杉矶CN2 GIA线路高防及普通VPS进行优惠促销,优惠后美国洛杉矶Cera机房CN2 GIA线路高防VPS季付99元起。香港CN2 GIA安畅机房,三网回程CN2 ...

快云科技,免云服务器75折优惠服务器快云21元/月

近日快云科技发布了最新的夏季优惠促销活动,主要针对旗下的香港CN2 GIA系列的VPS云服务器产品推送的最新的75折优惠码,国内回程三网CN2 GIA,平均延迟50ms以下,硬件配置方面采用E5 2696v2、E5 2696V4 铂金Platinum等,基于KVM虚拟架构,采用SSD硬盘存储,RAID10阵列保障数据安全,有需要香港免备案CN2服务器的朋友可以关注一下。快云科技怎么样?快云科技好不...

ReadyDedis:VPS全场5折,1G内存套餐月付2美元起,8个机房可选_服务器安装svn

ReadyDedis是一家2018年成立的国外VPS商家,由印度人开设,主要提供VPS和独立服务器租用等,可选数据中心包括美国洛杉矶、西雅图、亚特兰大、纽约、拉斯维加斯、杰克逊维尔、印度和德国等。目前,商家针对全部VPS主机提供新年5折优惠码,优惠后最低套餐1GB内存每月仅需2美元起,所有VPS均为1Gbps端口不限流量方式。下面列出几款主机配置信息。CPU:1core内存:1GB硬盘:25GB ...

fileupload控件为你推荐
app兼容测试拿到一个APP后主要的测试项有什么?linux修改文件名Linux中,怎样修改文件名?mindmanager破解版求亿图mac破解版百度云!!!ruby语言Ruby是一种什么样的语言,主要用来做什么,现在有一家公司让我从java转ruby,我很犹豫?菜霸为什么现在都在说生意难做?easeljs如何使用createjs来编写html5游戏watch的过去式wach的过去式杭州营销型网站为什么要做营销型网站sungard李庆星老板咋样 我准备去CDMC上海决策者经济顾问公司上班了桌面管理系统WIN7如何启用桌面窗口管理器?
广东虚拟主机 主机屋 星星海 omnis 腾讯云数据库 火车票抢票攻略 dd444 40g硬盘 七夕促销 双11秒杀 鲁诺 吉林铁通 web服务器是什么 新加坡空间 789电视剧网 学生机 winds phpwind论坛 游戏服务器 paypal登陆 更多