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

QQ登录

只需一步,快速开始

查看: 3057|回复: 9

[处理中1] 图片显示问题

[复制链接]

30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
发表于 2016-9-21 14:17:22 | 显示全部楼层 |阅读模式
我想实现的功能如下:登录后,根据不同的登录人显示不同的登录头像;当没有用户登录时,显示默认头像(已经做出来了)。
QQ截图20160921135608.png

现在我的问题是:用户登录时,无法显示用户对应的头像。
js代码如下:
        Model.prototype.changeimg = function() {
                var userData = this.comp('userData');
                var row= "";
                var id = "";
                var img = "";
                var userId = justep.Shell.userName.get();
                userData.each(function(option) {
                        if (option.row.val('fname') == userId) {
                                row = option.row;
                        }
                })
                if(row != ""){
                        id = row.val('fname');
                        img = row.val('fimg');
                }
                if (img != "undefined" && img != "" && img != null) {
                        var src = "";
                        if (img != null && img != "" && img != "[]" && img != "undefined") {
                                var imgJson = eval("(" + img + ")");//转化为json对象
                                var realFileName = imgJson[0]["realFileName"];
                                var storeFileName = imgJson[0]["storeFileName"];
                                var ownerID = id;
                                var operateType = "browse";
                                var url = this.actionUrl + '?realFileName=' + realFileName + '&storeFileName='
                                + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                                src = require.toUrl(url);
                        }
                        return src;
                } else {
                        return require.toUrl('./img/default.png');
                }
        }



设置debugger调试显示如下图,
QQ截图20160921140650_spec.png

报错网页提示如图
QQ截图20160921141518.png



30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
 楼主| 发表于 2016-9-21 14:20:16 | 显示全部楼层
QQ截图20160921141942.png 错误提示详细信息
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
发表于 2016-9-21 17:26:04 | 显示全部楼层
18333151861 发表于 2016-9-21 14:20
错误提示详细信息

你可以放一个image,将你要显示的图片路径给他
然后调试看看这个image的src是什么样子的
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

1

主题

3232

帖子

1174

积分

金牌会员

Rank: 6Rank: 6

积分
1174
QQ
发表于 2016-9-21 17:46:16 | 显示全部楼层
对,现在你那个地方应该是一个image,放你的默认图片,然后你再数据库存用户的信息的多加一个字段,专门存用户头像的URL ,然后用这个URL去替换原来 那个默认的图片src
在问题解决后,希望大家可以吧解决方法也分享一下,这样可以让更多的X5开发者共同进步,谢谢大家的知识共享
回复 支持 反对

使用道具 举报

30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
 楼主| 发表于 2016-9-22 08:50:20 | 显示全部楼层
闰土 发表于 2016-9-21 17:46
对,现在你那个地方应该是一个image,放你的默认图片,然后你再数据库存用户的信息的多加一个字段,专门存 ...

这是我目前数据库里的样子,我设置一个fimg存放图片的url,这个url我不知道存放的对不对,我是把用到的图片放到img文件夹中,然后把文件夹放到我的项目中了,请看下图。然后我再打开img文件夹,查看其中的图片的属性,然后把图片位置写到数据库里了。我不知道我这样写对不对?
QQ截图20160922084518.png QQ截图20160922084851.png
回复 支持 反对

使用道具 举报

30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
 楼主| 发表于 2016-9-22 08:51:54 | 显示全部楼层
少翊 发表于 2016-9-21 17:26
你可以放一个image,将你要显示的图片路径给他
然后调试看看这个image的src是什么样子的 ...

我那个就是一个image
回复 支持 反对

使用道具 举报

30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
 楼主| 发表于 2016-9-22 08:53:08 | 显示全部楼层
少翊 发表于 2016-9-21 17:26
你可以放一个image,将你要显示的图片路径给他
然后调试看看这个image的src是什么样子的 ...

我想要我的头像是根据我的用户名,动态的显示
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
发表于 2016-9-22 08:57:04 | 显示全部楼层
18333151861 发表于 2016-9-22 08:53
我想要我的头像是根据我的用户名,动态的显示

我知道是动态显示
我是说你先固定死路径查看src对不对
然后没问题了再找别的问题
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

1

主题

3232

帖子

1174

积分

金牌会员

Rank: 6Rank: 6

积分
1174
QQ
发表于 2016-9-22 11:03:07 | 显示全部楼层
你存的是绝对路径啊?你怎么知道用户上传图片的位置,一定是你定义的那个位置,感觉不对,URL 要处理,后面的替换URL就简单了 直接 $(this.getElementByXid("xid")).attr("src","url") 不就搞定了
在问题解决后,希望大家可以吧解决方法也分享一下,这样可以让更多的X5开发者共同进步,谢谢大家的知识共享
回复 支持 反对

使用道具 举报

30

主题

145

帖子

248

积分

中级会员

Rank: 3Rank: 3

积分
248
QQ
 楼主| 发表于 2016-9-23 13:57:55 | 显示全部楼层
闰土 发表于 2016-9-22 11:03
你存的是绝对路径啊?你怎么知道用户上传图片的位置,一定是你定义的那个位置,感觉不对,URL 要处理,后面 ...

可以结贴了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2025-6-17 16:32 , Processed in 0.076504 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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