1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > js实现上传图片之上传前预览图片【javascript】

js实现上传图片之上传前预览图片【javascript】

时间:2019-02-02 06:57:50

相关推荐

js实现上传图片之上传前预览图片【javascript】

web前端|js教程

上传图片,上传预览

web前端-js教程

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

android游戏源码分享,vscode缩小快捷键,ubuntu黑屏了,tomcat是否包含jre,站点防爬虫,php字符串的链接,梁平区seo推广包含什么,php网站的开发背景,帝国cms修改wap模板lzw

预览图片的js代码

九妖笑话源码下载,ubuntu显示缩放,tomcat进不了断点,怎样灭爬虫,传智播客php好吗,石家庄企业seo推广方法有哪些lzw

function setImagePreview(docObj,localImagId,imgObjPreview)

{

if(docObjfiles && docObjfiles[0])

{

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

imgObjPreviewstyledisplay = lock;

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 = one;

documentselectionempty();

}

return true;

}

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

c源码,vscode 扩展宿主意外终止,ubuntu设置不全,tomcat日志设置大小,python 爬虫地图,nginx解析不了php,seo综合查询湖南岚鸿营销,织梦网站系统lzw

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

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