自动预览上传图片

转载 2004年10月12日 16:32:00
自动预览上传图(图片预览)powered BY AIRZEN 2004/05/21 
作者信息:
Author:airzen
QQ:39192170
E-mail:airzen@sohu.com

转贴请保留作者信息,谢谢

<input name="w_s" type="file" id="w_s" onChange="load_img(this.value,img_s);">
<input name="w_b" type="file" id="w_b" onChange="load_img(this.value,img_b);">
<div id="img_s"></div>
<div id="img_b"></div>

<script language="javascript">
<!--
function load_img(p_src,write_id){
var t_html;
if(p_src!=''){
if(write_id==img_s){
t_html="<img src='"+p_src+"' onLoad='javascript:if(this.width>120){this.width=120;}if(this.height>120){this.height=120;}'>";
}else{
t_html="<img src='"+p_src+"' onLoad='javascript:if(this.width>240){this.width=240;}if(this.height>240){this.height=240;}'>"; 
}
}else{
t_html="";
}
write_id.innerHTML=t_html;
}
//-->
</script>

java web 实现图片上传前的预览

要实现图片预览,我们必须限定上传的文件是图片文件。这个限制在上一篇有。如有不明白的,可以去看看。 实现预览我们可以用:jquery的相关功能实现。 1.在工程中加入JQuery的包。 2.在js...
  • cs19920
  • cs19920
  • 2013年12月23日 13:36
  • 2207

用javascript实现图片上传并预览

最近在开发的过程中遇到了一个图片上传并预览的问题。其实这问题不难。chrome,FF,IE10+可以用FileReader来实现。IE9-可以用css的滤镜来实现。一开始我也是这样干了。但是测试的时候...
  • baidu_24024601
  • baidu_24024601
  • 2016年04月28日 17:34
  • 6093

H5图片预览及上传(WEB前端)

H5图片预览及上传 web上传图片很简单,网上有许多的demo和js,但是本人嫌弃用那些会引入许多js包,所以还是用原生的jquery来写吧。 一、html布局文件 html有一个自己的...
  • u014155882
  • u014155882
  • 2017年02月06日 11:18
  • 3060

easyui js 上传图片加预览功能

选择图片: 预  览: //检查图片的格式是否正确,同时实现预览 function setImagePreview(obj, local...
  • shiyanlong0546
  • shiyanlong0546
  • 2015年05月12日 16:46
  • 1125

html5以及jQuery实现本地图片上传前的预览

html5与jQuery实现预览本地图片
  • YQXLLWY
  • YQXLLWY
  • 2016年09月08日 13:33
  • 8916

angularjs上传图片预览

app.factory("fileReader", function($q, $log) {             var onLoad = function(reader, deferr...
  • zx007fack
  • zx007fack
  • 2014年11月13日 09:10
  • 7111

springmvc-带预览的异步上传图片功能

springmvc配合小插件 上传有缩略图 的图片等文件
  • nich002
  • nich002
  • 2015年07月29日 15:51
  • 4992

Java上传图片并预览

需求,上传图片,并可以预览,需要强调的是必须选择的为图片,不然wuf
  • r0a0n0
  • r0a0n0
  • 2014年07月10日 16:02
  • 4959

jQuery上传图片显示预览

jQuery上传图片显示预览 HTML5上传图片预览
  • ityang521
  • ityang521
  • 2016年10月14日 13:47
  • 4872

ckeditor的图片上传、预览问题

怎么才能触发源文件文本框的onchange事件?  urlObj.fireEvent("onchange"); //触发url文本框的onchange事件,以便预览图片  上面这个好像不起作用。导...
  • wwc8511
  • wwc8511
  • 2014年01月15日 17:30
  • 1476
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自动预览上传图片
举报原因:
原因补充:

(最多只允许输入30个字)