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

QQ登录

只需一步,快速开始

查看: 1915|回复: 8

[处理中3] 拼接多个attachmentsimple组件上传的图片url 的JS代码

[复制链接]

6

主题

24

帖子

88

积分

初级会员

Rank: 2

积分
88
QQ
发表于 2017-4-24 16:53:04 | 显示全部楼层 |阅读模式
我在拼接多个attachmentsimple组件上传的图片url 时,保存到数据库中只能取到第一个attachmentsimple1组件上传图片拼接成功的URL(图二中fVisitingLogoUrl在现在代码下URL是attachmentsimple1组件上传的图片地址),要同时保存第二个attachmentsimple2组件的拼接图片URL,JS代码该如何写呢?
设计视图如下图一:

图一

图一



数据库表如图二:

图二

图二



前台样式如图三:

图三

图三



JS代码:
Model.prototype.MatchDayDataValueChanged = function(event){               
                /*
                 * 1、获取上传图片,组合预览地址
                 * 2、生成上传图片的fMatchdayID
                 * 3、将上传图片信息保存到MatchDayData
                 */

                var MatchDayData = this.comp('MatchDayData');               
               
                var row=MatchDayData.getCurrentRow();

                var jsonList = eval("(" + row.val('fHomeTeamLogo') + ")");       
        jsonList[0].ownerID = row.getID();
                var ownerID = row.getID();                 
                var realFileName = jsonList[0]["realFileName"];
                var storeFileName = jsonList[0]["storeFileName"];
                var operateType = "preview";//预览
                var fHomeLogoUrl=this.comp("attachmentSimple1").getFileUrl(realFileName,storeFileName,ownerID,operateType);//主队loroURL
                var fVisitingLogoUrl=this.comp("attachmentSimple2").getFileUrl(realFileName,storeFileName,ownerID,operateType);//客队logoURL
                var fid=1;
                if(MatchDayData.getCount()>0){
                        MatchDayData.last();
                        fid=MatchDayData.getValue("fMatchdayID")+1;
                }
                MatchDayData.setValue("fHomeLogoUrl",fHomeLogoUrl,row);
                MatchDayData.setValue("fVisitingLogoUrl",fVisitingLogoUrl,row);
               
        };


6

主题

24

帖子

88

积分

初级会员

Rank: 2

积分
88
QQ
 楼主| 发表于 2017-4-24 17:20:55 | 显示全部楼层
忘记贴上字段名分别如下:
fHomeTeamLogo 是主队logo图片字段,fVisitingTeamLogo是客队logo图片字段;
fHomeLogoUrl是主队logo图片拼接字段,fVisitingLogoUrl是客队logo图片拼接字段。
回复 支持 反对

使用道具 举报

发表于 2017-4-24 18:20:02 | 显示全部楼层
请问你的一个attachmentSimple 只上传一个图片吗??
如果是上传多个图片,获取所有图片URL 的代码案例
参考
http://docs.wex5.com/wex5-ui-question-list-2093

获取到地址给data赋值后,保存即可!

不过建议每次重新生成就可以了!没必要存储在数据库中!除非是其他地方需要查询这个图片的URL
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

6

主题

24

帖子

88

积分

初级会员

Rank: 2

积分
88
QQ
 楼主| 发表于 2017-4-25 10:00:16 | 显示全部楼层
liangyongfei 发表于 2017-4-24 18:20
请问你的一个attachmentSimple 只上传一个图片吗??
如果是上传多个图片,获取所有图片URL 的代码案例
参 ...

我知道1个attachmentSimple组件可以上传多张图片的,像新闻详情一样,会有多张图片。
我想表达的意思,2个attachmentSimple组件上传的图片对应的是2个不同图片字段,然而刚好是其他地方需要查询这个2个不同图片字段的URL呢。
回复 支持 反对

使用道具 举报

发表于 2017-4-25 10:32:27 | 显示全部楼层
baoer_860425 发表于 2017-4-25 10:00
我知道1个attachmentSimple组件可以上传多张图片的,像新闻详情一样,会有多张图片。
我想表达的意思,2 ...

一样的!根据两个字段的信息,自己使用js代码处理一下就能获取这个URL的!
我发给你的连接案例!!你点击按钮测试一下,看下就知道了,我是把多个URL地址存放在一个data组件中了!

你也可以获取URL后存储在data组件中!然后谁想用这个URL ,绑定data组件字段就可以了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

6

主题

24

帖子

88

积分

初级会员

Rank: 2

积分
88
QQ
 楼主| 发表于 2017-4-25 14:55:25 | 显示全部楼层
我看这个链接案例,好像不是一样的呢。
能麻烦你帮忙写下JS代码呢
回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2017-4-25 16:30:10 | 显示全部楼层
baoer_860425 发表于 2017-4-25 14:55
我看这个链接案例,好像不是一样的呢。
能麻烦你帮忙写下JS代码呢

这个你还是自己写吧   他今天不在 比较忙
回复 支持 反对

使用道具 举报

6

主题

24

帖子

88

积分

初级会员

Rank: 2

积分
88
QQ
 楼主| 发表于 2017-4-26 15:16:55 | 显示全部楼层
半导体 发表于 2017-4-25 16:30
这个你还是自己写吧   他今天不在 比较忙

不会写呢
回复 支持 反对

使用道具 举报

发表于 2017-4-26 15:29:22 | 显示全部楼层
baoer_860425 发表于 2017-4-25 14:55
我看这个链接案例,好像不是一样的呢。
能麻烦你帮忙写下JS代码呢

你看下网络请求就知道了!
就是http://IP:端口/baas/lfc/attachment/.............
后面那一大串

前边只需要拼接字符串
http://IP:端口/
即可
比如

http://192.168.1.147:8080/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-28 19:34 , Processed in 0.082654 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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