Extjs前端展示base64图片
//定义图片form
var picForm = new Ext.form.FormPanel({
bodyStyle: 'padding:5px 5px 5px 5px',
labelAlign: 'right',
id: 'picture_form',
labelWidth: 60,
autoScroll: true,
layout: 'column',
region: 'south',
buttonAlign: 'center',
frame: true,
items: [{}]
});
//图片弹出窗口
var picWindow = new Ext.Window({
title: '影像资料',
width: 550,
height: 450,
layout: 'fit',
items: [picForm],
closeAction: 'hide',
buttons: [{
text: '关闭',
handler: function() {
picWindow.hide();
}
}]
});
//图片加载方法
var createPictureToShow = function(id, urlValue) {
var field;
field = {
layout: 'form',
columnWidth: 1,
items: [{
xtype: 'box',
name: id,
height: 350, // 图片高度
width: 500, // 图片宽度
autoEl: {
tag: 'img', // 指定为img标签
src: urlValue
},
readOnly: true
}]
};
return field;
};
/**
* 图片查看按钮方法 val是 图片地址 可以是多张以";" 隔开
**/
picLookFtn = function(val) {
picForm.removeAll();//清空容器中图片缓存
var picture_form = Ext.getCmp('picture_form');
var url_ = val.split(';');
for(i = 0; i < url_.length - 1; i++) {//加载多个图片
var pic_url = url_[i];
var o = createPictureToShow(i, pic_url);
picture_form.add(o);
}
// picture_form.add(o);
picture_form.doLayout();
picWindow.show();
};
- 图片base64编码的前端展示及后端解码,编码
- 前端——使用base64编码在页面嵌入图片
- 前端开发之使用base64模式处理图片
- 后端生成二维码(Google zixing-去白边)转化为base64图片流渲染到前端
- 前端图片转base64,转格式,转blob,上传的总结
- 前端把图片转为base64,解决手机上传图片自动旋转的问题
- java开发,前台用EXTJS展示,后台 swfuplaod批量图片上传组件的运用
- JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
- 前端性能优化--图片处理(Css Sprites 与 base64)
- php 接前端传来的图片,进行base64分解,从新入库
- 【前端攻略】:玩转图片Base64编码
- 项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
- 图片上传-form表单还是base64-前端图片压缩
- js 实现前端图片上传,展示缩略图功能
- 【功能点】前端vue传过来的是base64格式(解码变成二进制)的图片怎么做多图上传
- 【前端攻略】:玩转图片Base64编码(转)
- python将图片转base64,前端显示
- Java BufferImage 转换 Base64 传送至前端 和 图片没有中文
- base64编码加密图片和展示图片
- 磁盘上图片和网络上图片进行base64加密和解密(在前端显示)