求一个上传图片前预览的代码

问题描述

小弟求购一个在FF和IE下都能支持的上传图片前的预览功能之前找了好几个只能支持IE的不支持FF的很郁闷在此望高手们能康改解囊给小弟点代码吧555555555

解决方案

解决方案二:
帮你顶上去我也要
解决方案三:
我也要!
解决方案四:
FF在1.0的时候可以,以后的版本出以安全考虑,一般不能调本地文件,所以ff无法做到。ie下可以img.scr=file.value(img<imgid='img'>file<inputtype='file'id='file'>)
解决方案五:
晕不是吧那也就是说FF上不能做到预览功能?
解决方案六:
<imgid="imgView"/><br/><!-----为ff时,前缀file://要加上,要不预览不了-------><inputtype="file"id="file"onchange="document.getElementById('imgView').src='file://'+this.value"/>

解决方案七:
mark
解决方案八:
5楼的可以用
解决方案九:
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>带有图片预览的上传</title><script>functionviewmypic(mypic,imgfile){if(imgfile.value){mypic.src=imgfile.value;mypic.style.display="";mypic.border=1;}}</script></head><body><center><form><inputname="imgfile"type="file"id="imgfile"size="40"onchange="viewmypic(showimg,this.form.imgfile);"/><br/></form><imgname="showimg"id="showimg"src=""style="display:none;"alt="预览图片"/><br/></div><divstyle="display:none"></div></center></body></html>

时间: 2024-10-01 07:22:26

求一个上传图片前预览的代码的相关文章

JS上传预览图片 上传图片前预览代码

  JavaScript代码实现图片上传前预览,当然是在本地预览,这样可以让用户知道所选择的图片是否正确,实现此功能并不复杂,一段JS代码即可搞定.以下是一个完整的例子,你可以复制代码保存成html网页,然后打开这个网页测试效果.

js 上传图片前预览(支持ie7,ie8,firefox)

<head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>网页特效 上传图片预览</title> <script language="网页特效">  function showimage(fileuploadid, imgid) {     if (document.getel

兼容IE和FF的图片上传前预览js代码_javascript技巧

效果图如下:  代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta

javascript上传图片前预览图片兼容大多数浏览器_javascript技巧

复制代码 代码如下: <div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div> <asp:FileUpload ID="file_head" runat="server" onchange="j

js上传图片及预览功能

  js上传图片及预览功能          本文实例讲述了js上传图片及预览功能.分享给大家供大家参考.具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <img id="imgTag" style="height: 100px;" alt="" /> <input type="

js上传图片及预览功能实例分析_javascript技巧

本文实例讲述了js上传图片及预览功能.分享给大家供大家参考.具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能 <img id="imgTag" style="height: 100px;" alt="" /> <input type="file" /> function DisplayImage(fileTag,imgTagId){ var allowExtention=".

基于jquery实现的上传图片及图片大小验证、图片预览效果代码_jquery

jquery实现上传图片及图片大小验证.图片预览效果代码 上传图片验证 复制代码 代码如下: */ function submit_upload_picture(){ var file = $('file_c').value; if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){ alert("图片类型必须是.gif,jpeg,jpg,png中的一种") }else{ $('both_form').action="file!u

jQuery+HTML5实现图片上传前预览效果_jquery

本文实例讲述了jQuery+HTML5实现图片上传前预览效果.分享给大家供大家参考.具体如下: 这里主要是使用HTML5 的File API,建立一個可存取到该file的url,一个空的img标签,ID为img0,把选择的文件显示在img标签中,实现图片预览功能.请选择支持HTML API的浏览器,比如谷歌Chrome和火狐等. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-html5-pic-upload-pre-view-c

ASP.NET MVC图片上传前预览简单实现_实用技巧

本文实例为大家分享了图片上传前预览并获取图片文件名和图片字节大小的具体实现代码,供大家参考,具体内容如下 在控制器中创建一个Action: 在Views目录下对应的控制器名称下创建视图PreViewing: 上图中 标记1,引用jQuery类库.标记2,选择文件.标记3,预览图片.标记4,显示图片文件名和图片字节大小.标记5,是Javascript代码...... 本例预览: 以上就是本文的全部内容,希望对大家的学习有所帮助.