1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > oracle如何上传图片 js实现上传图片之上传前预览图片

oracle如何上传图片 js实现上传图片之上传前预览图片

时间:2022-06-14 00:25:18

相关推荐

oracle如何上传图片 js实现上传图片之上传前预览图片

上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。

预览图片的js代码:

function setImagePreview(docObj,localImagId,imgObjPreview)

{

if(docObjfiles && docObjfiles[0])

{

//火狐下,直接设img属性

imgObjPreviewstyledisplay = 'block';

imgObjPreviewstylewidth = '300px';

imgObjPreviewstyleheight = '200px';

//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式

imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[0]);

}

else

{

//IE下,使用滤镜

docObjselect();

var imgSrc = documentselectioncreateRange()text;

//必须设置初始大小

localImagIdstylewidth = "300px";

localImagIdstyleheight = "200px";

//图片异常的捕捉,防止用户修改后缀来伪造图片

try

{

localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)";

localImagIdfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")src = imgSrc;

}

catch(e)

{

alert("您上传的图片格式不正确,请重新选择!");

return false;

}

imgObjPreviewstyledisplay = 'none';

documentselectionempty();

}

return true;

}

fileupload控件及用来预览图片的image:

功能很简单,代码也很易懂,相信不用我多废话大家也能看懂吧。感觉写这样的文章,真的没啥好说的,不多说,还是把重点放在代码上吧。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。