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

QQ登录

只需一步,快速开始

楼主: 一起GO

[结贴] 上传多张图片,在详细页面怎样把多张图片显示出来??

[复制链接]

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-5 17:12:19 | 显示全部楼层
liangyongfei 发表于 2016-12-5 16:45
不对!请按5楼的方法!吧图片的url加进去才行!而不是把这个字段的值加进去! ...

能不能过一段完整的代码??
回复 支持 反对

使用道具 举报

发表于 2016-12-5 19:07:24 | 显示全部楼层
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-7 20:08:36 | 显示全部楼层
liangyongfei 发表于 2016-12-5 19:07
案例:http://docs.wex5.com/wex5-ui-question-list-2093/

你发给我的那个地址,案例是attachmentSimple组件来的,没有显示多张图片的方法
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2016-12-8 09:13:48 | 显示全部楼层
本帖最后由 doudou459 于 2016-12-8 09:19 编辑

你项目都要做完了  你居然不会for循环!!!     

给你一个 我以前的项目关于浏览多张图片的代码!
                        var jsonList = [];
                        jsonList = eval("(" + picture + ")");
                        for (var i = 0; i < jsonList.length; i++) {
                                var realFileName = jsonList["realFileName"];
                                var storeFileName = jsonList["storeFileName"];
                                var url = '/baas/zwzx/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=browse';
                                url = require.toUrl(url);
                                this.comp("picturedata").newData({
                                        "defaultValues" : [ {
                                                "owner" : ownerID,
                                                "picture" : url
                                        } ]
                                });
                        }


请注意  我的baas服务的url  是修改过的!!!  /baas/zwzx/attachment/simpleFileStore?realFileName  这一段 你改成你自己的url  
我是因为业务需要,所以是把图片的URL  拿到后存进了一个静态data里面的。你如果不想做静态data    你可要把这句                   this.comp("picturedata").newData({
                                        "defaultValues" : [ {
                                                "owner" : ownerID,
                                                "picture" : url
                                        } ]
                                });
换成   return url;    然后在img组件里面   绑定这个方法!!   具体就是  $model.XXXXX(你的方法名)就OK啦
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

发表于 2016-12-8 10:36:59 | 显示全部楼层
一起GO 发表于 2016-12-7 20:08
你发给我的那个地址,案例是attachmentSimple组件来的,没有显示多张图片的方法 ...

我的案例是:点击按钮,生成的时候才执行的代码!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-8 15:40:55 | 显示全部楼层
doudou459 发表于 2016-12-8 09:13
你项目都要做完了  你居然不会for循环!!!     

给你一个 我以前的项目关于浏览多张图片的代码!

我的怎么不行??
    Model.prototype.getImageUrl = function() {
        var row = this.comp("huodongData").getCurrentRow();
        var jsonList = eval("(" + row.val('fImage') + ")");
        for (var i = 0; i < jsonList.length; i++) {
        var ownerID = row.getID();
        var realFileName = jsonList["realFileName"];
        var storeFileName = jsonList["storeFileName"];
        var operateType = "browse";
        var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
        url = require.toUrl(url);
        this.comp("huodongData").newData({
             "defaultValues" : [{
                  "owner" : ownerID,
                  "fImage" : url
                  }]
             });
        }
    };
回复 支持 反对

使用道具 举报

发表于 2016-12-8 15:45:33 | 显示全部楼层
一起GO 发表于 2016-12-8 15:40
我的怎么不行??
    Model.prototype.getImageUrl = function() {
        var row = this.comp("huodo ...

请问我的案例你运行了吗??
http://docs.wex5.com/wex5-ui-question-list-2093/
我是在点击事件中给 huodongData 赋值的!
img只需要绑定fImage 这个字段即可!

img 不用绑定getImageUrl 这个方法~!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-8 15:50:19 | 显示全部楼层
liangyongfei 发表于 2016-12-8 15:45
请问我的案例你运行了吗??
http://docs.wex5.com/wex5-ui-question-list-2093/
我是在点击事件中给 huo ...

你的案例只有一个attachmentSimple组件,其他的没有
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-8 15:54:52 | 显示全部楼层
liangyongfei 发表于 2016-12-8 15:45
请问我的案例你运行了吗??
http://docs.wex5.com/wex5-ui-question-list-2093/
我是在点击事件中给 huo ...

我一个字段上传多张图片,我在详细页用image组件把一个字段的图片都显示出来,现在只能显示一张图片,后面的图片显示不出来

    Model.prototype.getImageUrl = function() {
        var row = this.comp("huodongData").getCurrentRow();
        if (row) {
        try {
        var jsonList = eval("(" + row.val('fImage') + ")");
        if (jsonList instanceof Array) {
        var ownerID = row.getID();
        var realFileName = jsonList[0]["realFileName"];
        var storeFileName = jsonList[0]["storeFileName"];
        var operateType = "browse";
        var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
        return require.toUrl(url);
        }
        } catch (e) {
        console.log(e);
        }
        }
        return "";
    };
回复 支持 反对

使用道具 举报

发表于 2016-12-8 16:02:11 | 显示全部楼层
一起GO 发表于 2016-12-8 15:54
我一个字段上传多张图片,我在详细页用image组件把一个字段的图片都显示出来,现在只能显示一张图片,后 ...

我的案例,还有个按钮的!
你先使用attachmentSimple 上传几个图片,然后点击按钮,就会生出list显示的多个图片的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-6-14 14:04 , Processed in 0.078191 second(s), 21 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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