数码资讯
JSP中图片上传的实时显示效果
复制代码代码如下所示: 功能setimagepreview(){ 无功docobj = document.getelementbyid(DOC); 无功imbjpreview = document.getelementbyid(预览); 如果(docobj.files docobj。文件{ 0 })
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
功能setimagepreview(){
无功docobj = document.getelementbyid(DOC);
无功imbjpreview = document.getelementbyid(预览);
如果(docobj.files docobj。文件{ 0 }){
IMG / / Firefox下,直接财产
imbjpreview.style.display =阻止;
imbjpreview.style.width = '300px;
imbjpreview.style.height = '120px;
/ / imbjpreview.src = docobj。文件{ 0 }。getasdataurl();
/ /火狐7及以上版本不能使用以上(getasdataurl)获取的方式
imbjpreview.src = window.url.createobjecturl(docobj。文件{ 0 });
其他{ }
使用过滤器
docobj.select();
无功imgsrc = document.selection.createrange(文本);
无功localimagid = document.getelementbyid(localimag );
必须设置初始大小
localimagid.style.width =250px ;
localimagid.style.height =200px ;
图片/异常捕捉,防止用户修改后缀为假图片。
尝试{
localimagid。风格。过滤器=ProgID:DXImageTransform.Microsoft.AlphaImageLoader(sizingmethod =规模);
localimagid.filters.item(dximagetransform。微软。AlphaImageLoadersrc= imgsrc);
} catch(e){
警报(你上传的图片格式不正确,请选择!)
返回false;
}
imbjpreview.style.display =不关;
Document.selection.empty();
}
返回true;
}
功能setimagepreview(){
无功docobj = document.getelementbyid(DOC);
无功imbjpreview = document.getelementbyid(预览);
如果(docobj.files docobj。文件{ 0 }){
IMG / / Firefox下,直接财产
imbjpreview.style.display =阻止;
imbjpreview.style.width = '300px;
imbjpreview.style.height = '120px;
/ / imbjpreview.src = docobj。文件{ 0 }。getasdataurl();
/ /火狐7及以上版本不能使用以上(getasdataurl)获取的方式
imbjpreview.src = window.url.createobjecturl(docobj。文件{ 0 });
其他{ }
使用过滤器
docobj.select();
无功imgsrc = document.selection.createrange(文本);
无功localimagid = document.getelementbyid(localimag );
必须设置初始大小
localimagid.style.width =250px ;
localimagid.style.height =200px ;
图片/异常捕捉,防止用户修改后缀为假图片。
尝试{
localimagid。风格。过滤器=ProgID:DXImageTransform.Microsoft.AlphaImageLoader(sizingmethod =规模);
localimagid.filters.item(dximagetransform。微软。AlphaImageLoadersrc= imgsrc);
} catch(e){
警报(你上传的图片格式不正确,请选择!)
返回false;
}
imbjpreview.style.display =不关;
Document.selection.empty();
}
返回true;
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。