Extjs4 img使用

本设计后台采用ssh,前台采用Extjs4 ,因为项目需要图片且图片显示采用字节流InputStream。

后台代码:

@Action(value = "read",results = { @Result(name = "success", type = "stream") })
public String loadByDeployment() throws Exception {
     ProcessDefinition processDefinition = repositoryService.createProcessDefinitionQuery().processDefinitionId(processDefinitionId).singleResult();
     String resourceName = "";
     if (resourceType.equals("image")) {
                  resourceName = processDefinition.getDiagramResourceName();
     } else if (resourceType.equals("xml")) {
                 resourceName = processDefinition.getResourceName();
     }
     InputStream resourceAsStream = repositoryService.getResourceAsStream(processDefinition.getDeploymentId(), resourceName);
     this.setInputStream(resourceAsStream);
     return SUCCESS;
}

使用的是Struts注解方式,用stream类型的Result实现Ajax,对应的是InputStream字节流形式。

前台代码:

      var changingImage = Ext.create(‘Ext.Img‘, {
          src: approot + ‘/ActivitiAct/read.action?resourceType=image&processDefinitionId=‘+record.data.id+‘‘,
          renderTo: Ext.getBody()
       });

       Ext.create(‘Ext.window.Window‘, {
           title: ‘流程图‘,
           height:480,
           closable :true,
           autoScroll:true,
           layout: ‘fit‘,
           items: changingImage
      }).show();

效果图:

Extjs4 img使用,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。