上传图片的问题,点击浏览选择图片后就可以在image框显示图片,不要再点击上传
2010-08-08 11:09
381 查看
上传图片的问题,点击浏览选择图片后就可以在image框显示图片,不要再点击上传,即所见即所得的效果.在asp.net 在html里面写的.
<td > <input id= "upimage " type= "file " onchange= "document.getElementById( 'previewImage ').innerHTML = '预览 <br> <img src=/ ' '+this.value+ '/ ' width=100 align=absmiddle> '; " name= "upimage " runat= "server "> </td>
<td> <div align= "center "> <span id= "previewImage "> 没有图片 </span> </NOBR> </div> </td>
让img标签的src属性为file标签的value的值,在file的onchange事件中对img标签的属性赋值就可以了。
<img name= "img1 "> <input type= "file " onchange= "document.all.img1.src=this.value ">
<td > <input id= "upimage " type= "file " onchange= "document.getElementById( 'previewImage ').innerHTML = '预览 <br> <img src=/ ' '+this.value+ '/ ' width=100 align=absmiddle> '; " name= "upimage " runat= "server "> </td>
<td> <div align= "center "> <span id= "previewImage "> 没有图片 </span> </NOBR> </div> </td>
让img标签的src属性为file标签的value的值,在file的onchange事件中对img标签的属性赋值就可以了。
<img name= "img1 "> <input type= "file " onchange= "document.all.img1.src=this.value ">
相关文章推荐
- ListView item中的 RadioButton(自定义RadioButton图标,默认无图,选择有图)点击时不显示图片问题
- 如何在input标签选择图片上传并设置图片大小以及点击图片可以选择删除
- 关于V5.7 正式版 自定义字段图片上传无法点击选择的问题解决!
- 使用Ueditor点击上传图片时显示延迟的问题
- 百度编辑器UEditor 点击上传图片选择框会延迟几秒才会显示 反应很慢(转)
- layUI中点击按钮选择图片(不自动上传),然后点击上传按钮,上传图片(可以上传多个文件)
- Fileupload控件点击“浏览”按钮,选择图片后需要立即显示所选择的图片
- html 点击选择本地文件(图片)显示和上传
- 关于php上传多张图片时,选择图片后就可以预览的问题
- 转载:js实现上传图片时 点击浏览后 就可以看到缩略图 很实用
- ftp+nginx搭建图片服务器,上传FTP文件可以传到服务器上,但是文件大小是0字节的 而且点击按钮后程序会卡死
- asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- 史上最全选择本地图片和拍照上传,超简单解决获取不到图片问题
- apache与tomcat负载集群的方法与集群的文件同步问题和图片上传显示问题解决
- 关于异步上传图片以及上传完成后显示缩略图的问题
- eclipse下调试图片上传,不能立即显示的问题
- 基于Bootstrap的多图片(文件也可以)上传、预览、删除、缩放、进度...显示
- jquery实现当修改上传的图片时,默认显示当前图片的名称,当选择新的图片时,显示最新的图片名称