【Extjs】解决Extjs上传图片无法预览的解决方法-上传图片-无法预览

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【解决Extjs上传图片无法预览的解决方法】，下面是详细的讲解！

解决Extjs上传图片无法预览的解决方法

var preview=function (myform, control_id) {
var img_reg=/\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/
myform.on('render', function (f) {
myform.form.findField(control_id).on('render', function () {
Ext.get(control_id).on('change', function (field, newValue, oldValue) {
var obj=Ext.get(control_id).dom;
var url=getFullPath(obj);
if (img_reg.test(url)) {
var newPreview=Ext.get('browser_' + control_id).dom;
var showPic=Ext.get("showPic_" + control_id);
if (showPic !=null) {
showPic.remove();//删除原来的图片
}
var imgDiv=document.createElement("div");
imgDiv.id="showPic_" + control_id;
document.body.appendChild(imgDiv);
imgDiv.style.width="150px";
imgDiv.style.height="150px";
imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=http://www.jb51.net/article/url;
newPreview.appendChild(imgDiv);
}
}, this);
}, this);
}, this);
}

//得到图片地址
function getFullPath(obj) {
if (obj) {
// ie
if (window.navigator.userAgent.indexOf("MSIE") >=1) {
obj.select();
return document.selection.createRange().text;
}
// firefox
else if (window.navigator.userAgent.indexOf("Firefox") >=1) {
if (obj.files) {
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}

关于解决Extjs上传图片无法预览的解决方法的用户互动如下：

　　相关问题：电脑中文件无法预览怎么解决？

　　答： 在显示缩略图，而不是显示图标前打√ >>详细

　　相关问题：网页制作，插入时图片无法在DW中无法预览的图片无...

　　答：我也碰到过楼主这种情况。 这样是图片可能有点受损，所以在DW只呢个无法预览，但是在WINDWOS里面可以预览 。 解决的办法是： 用PS打开，然后“存储为WEB格式” 然后再插入网页中就可以了。 >>详细

　　相关问题：电脑上的图片复制到U盘后就无法预览怎么回事？

　　答：此现象有两个可能性： 一、u盘上的文件系统兼容性不佳。 建议对U盘进行一次扫描查错，和格式化一次。 方法： 1、把U盘连接上电脑上的USB接口； 2、打开电脑上的[开始]-[控制面板]-[管理工具]-[[计算机管理]-[磁盘管理]，在此会找到[可移动磁盘]... >>详细