多图片上传预览

wysunning 2009-11-09 11:31:16

我需要个多图片上传预览功能，兼容FF和ie。谁能给个代码参考。谢谢

...全文

303 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

碧海情天-赵亮 2010-08-03

打赏
举报

真正骨灰级的帖子.
不过12楼的文章里提到通过后台变通地实现预览,倒也是个简单地满足用户需求的方法,虽然不是对系统来说不是最优选择.

cloudgamer 2010-08-03

打赏
举报

ff也可以的啊
可以参考这个支持ie ff的图片上传预览
试试看

benewu 2009-11-12

打赏
举报

预览本地图片？
ff安全限制

HenJiong 2009-11-12

打赏
举报

ff 没办法预览本地图片如果改浏览器设置的话

wl_ldy 2009-11-10

打赏
举报

路过，学习。。。

打字员 2009-11-10

打赏
举报

不好意思，上面的JS参数解释错了。。。

写了好久了，所以忘了，原来是没写的。

正确的解释是:

<input type='file' id='file' />
<span id='imgbox'><img src='default.gif' /></span>

// $(imgbox) pobj对象
// $(file) obj对象

sclzstone 2009-11-09

打赏
举报

百度搜索

wysunning 2009-11-09

打赏
举报

没人啊，没人有好的解决办法吗？

打字员 2009-11-09

打赏
举报

不过以前我到是做过这样的东西。。。

下面是核心的代码,你可以试一下。。。



//显示上传图片

//@pobj img对象的父页面对象

//@obj  img对象(此对象为页面上存在的，)

function ShowImgTemp(pobj,obj)

{	

	var _w=0;

	var _h=parseInt(getStyle(pobj,"height"));

	

	if(document.all)

	{

		var _img=new Image();

		_img.onload=function()

		{

			_w=Math.floor((this.width*_h)/this.height);

			pobj.getElementsByTagName("img")[0].style.display='none';

	//IE下关键		pobj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";

			pobj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = obj.value;	

			pobj.style.height=_h+"px";

			pobj.style.width=_w+"px";

			this.onload=null;

		}

		_img.src=obj.value;

	}

	else

	{

		var imgTemp=pobj.getElementsByTagName('img')[1];

		if(imgTemp)

		{

			imgTemp.parentNode.removeChild(imgTemp);	

		}		

		var _img2=document.createElement("img");

		_img2.setAttribute("height",_h);

                //FF下关键

		_img2.src=obj.files[0].getAsDataURL();

		pobj.getElementsByTagName("img")[0].style.display='none';

		pobj.appendChild(_img2);

	}

}