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

2021年国内/国外便宜VPS主机/云服务器商家推荐整理

2021年各大云服务商竞争尤为激烈,因为云服务商家的竞争我们可以选择更加便宜的VPS或云服务器,这样成本更低,选择空间更大。但是,如果我们是建站用途或者是稳定项目的,不要太过于追求便宜VPS或便宜云服务器,更需要追求稳定和服务。不同的商家有不同的特点,而且任何商家和线路不可能一直稳定,我们需要做的就是定期观察和数据定期备份。下面,请跟云服务器网(yuntue.com)小编来看一下2021年国内/国...

Hostodo美国独立日优惠套餐年付13.99美元起,拉斯维加斯/迈阿密机房

Hostodo又发布了几款针对7月4日美国独立日的优惠套餐(Independence Day Super Sale),均为年付,基于KVM架构,采用NVMe硬盘,最低13.99美元起,可选拉斯维加斯或者迈阿密机房。这是一家成立于2014年的国外VPS主机商,主打低价VPS套餐且年付为主,基于OpenVZ和KVM架构,产品性能一般,支持使用PayPal或者支付宝等付款方式。商家客服响应也比较一般,推...

Linode十八周年及未来展望

这两天Linode发布了十八周年的博文和邮件,回顾了过去取得的成绩和对未来的展望。作为一家运营18年的VPS主机商,Linode无疑是有一些可取之处的,商家提供基于KVM架构的VPS主机,支持随时删除(按小时计费),可选包括美国、英国、新加坡、日本、印度、加拿大、德国等全球十多个数据中心,所有机器提供高出入网带宽,最低仅$5/月($0.0075/小时)。This month marks Linod...

fileupload控件为你推荐
saltstacksaltstack使用中的问题?master端sudo salt-master -l debug提示信息像这样,是什么情况?怎样改?g2gB2E和G2E分别是什么意思rdlregardless是什么意思deviceid怎么能知道安卓系统手机的DEVICE ID?调度系统1.说明高级调度、中级调度和低级调度的基本含义。inode智能客户端inode智能客户端无法正常启动,根本开都开不了丁奇请全面剖析一下黑胡子丁奇这个人物。waves插件MuseScore vst插件怎么安装ruby语言ruby什么意思?什么含义?清除电脑垃圾怎样清除电脑垃圾
什么是虚拟主机 免费域名空间申请 arvixe 狗爹 mediafire下载工具 流媒体服务器 patcha tightvnc 最好看的qq空间 合肥鹏博士 本网站在美国维护 免费网站申请 权嘉云 圣诞促销 申请网页 申请免费空间和域名 华为云盘 西安服务器托管 申请免费空间 小夜博客 更多