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