起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 17776|回复: 12

在grid中显示图片

  [复制链接]

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
发表于 2012-8-21 09:33:28 | 显示全部楼层 |阅读模式
将grid用于显示图片的列的type属性设置为html,然后写onRender事件

1、显示操作系统中的图片文件

  1.         var url = justep.Request.convertURL("/UI/system/images/collapsed.gif",true);
  2.         var html = "<img src='" + url + "'/>";
  3.         return html;
复制代码
2、显示数据库中的图片(使用blobImage上传的)
通过调用blobDownloadAction获得数据库中图片的url
  1. mainActivity.grdMain_fBlobRender = function(event){
  2.      var url = justep.Request.setBizParams(justep.Request.convertURL("/UI/system/service/common/bizAction.j")
  3.          + "&dataModel=/erp/buy/data"                                  //数据模块目录
  4.          + "&concept=ER_WPXX"                                          //概念名
  5.          + "&relation=fBlob"                                           //关系名
  6.          + "&id=" + event.rowID                                        //行ID
  7.          + "&process=/erp/buy/process/goods/goodsProcess"              //流程名称
  8.          + "&activity=mainActivity"                                    //环节名称
  9.          + "&action=blobDownloadAction"                                //调用的Action
  10.          + "&$query-version=" + (new justep.UUID()).valueOf());
  11.      var html = "<img src='" + url + "' height='50px'/>";
  12.      return html;
  13. };
复制代码
3、显示文档服务器的图片(使用attachmentImage上传的)
通过关系中存在的文档信息获取图片url

  1. mainActivity.grdDetail_fGGRender = function(event){
  2.         var json = event.value;
  3.         if(json != ""){
  4.                 var jsonList = eval("("+json+")");
  5.                 var rootPath = jsonList[0]["docPath"];                 //获得docPath
  6.                 var fileID = jsonList[0]["fileID"];;                   //获得fileID
  7.                 var url = justep.Doc.getURLByFileID(rootPath, fileID); //获得图片url
  8.                 var html = "<img src='" + url + "' height='50px'/>";
  9.                 return html;
  10.         }
  11. };
复制代码

229

主题

788

帖子

890

积分

高级会员

Rank: 4

积分
890
QQ
发表于 2013-4-22 10:27:45 | 显示全部楼层
attachmentEditor上传的图片,使用什么来显示呢?显示的方法是什么呢?

4

主题

15

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2012-9-25 14:01:03 | 显示全部楼层
您好,老师,我们是从自己电脑上上传图片的,所以您给的三种方式里面有第一种和第二种适合,但是我两种都试了,还是不能实现上传

28

主题

113

帖子

180

积分

初级会员

Rank: 2

积分
180
发表于 2012-11-1 17:54:02 | 显示全部楼层
我按第三个方法做的,但是页面提示错误:无法获取属性“getURLByFileID”的值: 对象为 null 或未定义详细

197

主题

824

帖子

1889

积分

金牌会员

Rank: 6Rank: 6

积分
1889
QQ
发表于 2012-11-21 12:26:23 | 显示全部楼层
第一个可以的,我试过了
var url = justep.Request.convertURL("/UI/LandSP/splLand/process/cityHouse/xx.jpg", true);
var html = "<img src='" + url+ "' onclick='mainActivity.image1Click(\"" + id + "\")'><span style='display:none;'>xx</span></img>";
QQ:574178224

4

主题

1579

帖子

2706

积分

内部用户

积分
2706
发表于 2012-11-21 13:20:39 | 显示全部楼层
xiaobeilanbing 发表于 2012-9-25 14:01
您好,老师,我们是从自己电脑上上传图片的,所以您给的三种方式里面有第一种和第二种适合,但是我两种都试 ...

上传到什么地方了?如果在UI可以用方法1

418

主题

1339

帖子

3011

积分

论坛元老

Rank: 8Rank: 8

积分
3011
QQ
发表于 2014-8-12 10:27:00 | 显示全部楼层
宇光十色 发表于 2012-11-1 17:54
我按第三个方法做的,但是页面提示错误:无法获取属性“getURLByFileID”的值: 对象为 null 或未定义详细 ...

需导入/UI/system/service/doc/docUtil.js

15

主题

67

帖子

118

积分

初级会员

Rank: 2

积分
118
QQ
发表于 2014-8-28 08:51:46 | 显示全部楼层
本帖最后由 dimmi 于 2014-8-28 08:53 编辑

我按照第三个方法获得的是下载URL,可是我想要是的是显示的URL该怎么解决呀 我用的是attchmentEditor上传的

377

主题

2594

帖子

5117

积分

论坛元老

Rank: 8Rank: 8

积分
5117
QQ
发表于 2014-10-11 19:46:14 | 显示全部楼层
第二种方法成功
长春鱼熊企业管理咨询有限公司



X5开发出入库培训视频
(出处: 起步论坛)

377

主题

2594

帖子

5117

积分

论坛元老

Rank: 8Rank: 8

积分
5117
QQ
发表于 2014-10-11 19:47:46 | 显示全部楼层
有一个问题
如果我在页面上有image显示的图片,想把这个图片传到数据库中,用什么方法实现呢???
长春鱼熊企业管理咨询有限公司



X5开发出入库培训视频
(出处: 起步论坛)
高级模式
B Color Image Link Quote Code Smilies

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-21 17:12 , Processed in 0.060285 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表