2 hc1515014471 hc1515014471 于 2016.03.11 14:55 提问

extjs 如何实现“照片: 图片”的格式?

在这个问题中,图片是动态获取的,这样的功能如何可以实现?希望大家指教。

2个回答

showbo
showbo   Ds   Rxr 2016.03.11 15:06

用计时器定时更新img对象的src加载新图片,src也可以为动态页,用动态页输出图片数据,注意加时间戳防止缓存

showbo
showbo   Ds   Rxr 2016.03.12 10:57
 Ext.create('Ext.panel.Panel', {
            renderTo: document.body, title: 'test'
            , layout: { type: 'hbox', align: 'middle' }
            , items: [{ xtype: 'label', text: '照片:', margin: '10 0 0 0' },
                {
                    id: 'signdoctor-iconPath',
                    name: 'iconPath',
                    xtype: 'box',
                    autoEl: {
                        tag: 'img',
                        src: 'aa.jpg',
                        width: 100,
                        height: 100
                    }
                }]
        });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Extjs4 图片上传 上传成功后显示图片
前台: Ext.define('AM.view.fileUpload', {     extend: 'Ext.panel.Panel',     alias: 'widget.fileupload',     initComponent: function () {     var me = this;         Ext.apply(this, {         //复制
extjs上传图片预览
EXTJS图片上传预览(含本地上传前预览和服务器图片预览) 创建EXTJS组件 1 //生成messagePanel 2 createMessagePanel:function(){ 3 return Ext.create('Ext.panel.Panel',{ 4 itemId:'compPanel', 5
extjs4 图片查看可缩放
图片查看可缩放类文件如附件,调用方式  var columnStore=Ext.create('Ext.data.Store', {        fields: ['profileName','name','uri'],         data: json.rows    }); console.log(columnStore); var img1 = Ext.create('Ap
Extjs上传附件实战开发,实现批量上传及在线预览功能(二)
SWFUpload的使用:         SWFUpload采用czpae86的UploadPanel二次开发,在此鸣谢。         SWFUpload下载最新版本swfupload.swf.v2.5.0.beta3.2.zip,你会发现文件夹里只有swfupload.swf文件,并没有swfupload.js----调用flash的接口文件,定义了很多函数和参数,这里郁闷了半天,后面
Ext图片上传之预览
Ext图片上传之预览
ExtJs图片上传+回显
var addStore = Ext.create('Ext.data.Store', {     fields: ['id', 'model'],     autoLoad: true,     proxy: {         type: 'ajax',         url: path + '/ad/phoneList.do',         reader: {      
Ext 图片上传及预览,兼容多中浏览器
1、说明x-form-el-browseImage可以通过开发人员工具在html代码中查得//创建表单面板 var buildFormPanel = function(){formPanel = new Ext.form.FormPanel({frame:true,labelAlign:'right', //标签位置labelWidth:80,bodyStyle:'margin: 5 0 0
绝对好用!extjs中本地照片预览、blob数据在oracle中存取.zip
环境为java,struts2,extjs3.0 js中除了现在用的textfield控件外,还有uploadfild可以支持extjs中文件的上传,但值得注意的是,form里的fileUpload属性必须为true, 前者支持IE和火狐 后者IE可以正常取得控件,而火狐不能,这点没有解决,并且在使用上要加入两个JAR包,这些此压缩包里已给出 所以笔者还是推荐前一种extjs控件 此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据,显示在extjs页面), 并且此资料夹最后的版本可以将文件从extjs以数据流的形式传输到servlet,在后台存储blob数据,并且将blob数据从oracle数据库展示在extjs页面。没有完全实现的是extjs用uploadfild控件实现的blob数据上传预览,并且尝试了用smart组件上传,但在我的环境里还有问题,大家可以改进一下,本人觉得有总比没有强哈 有问题的可以加qq群103684733
EXTJS panel单元格添加图片
1、下面是一个普通的extjs Panel,功能是图片管理。其中共有三个列,分别是名称、图片来源、状态,其中要求名称列显示图片缩略图,实现方式如下黄色字体,value是图片名称,      如,pic.jpg indexpic_panel = Ext.create('Ext.grid.Panel', {     region:"center",             width: '10
Extjs 图片上传预览功能
//上传图片类型   var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/; var win_uploadImage = new Ext.Window({ layout:'fit'