关于多图片上传的问题

liangyongfei

小小123 发表于 2017-12-7 18:10
报错问题解决了，现在就是图片不显示了

看下生成的源码！F12 调试一下， img标签的src属性是什么？这个URL是否真的可以下载到文件？？
你再3楼不是可以正常显示的了吗？  只要数据是一样的！（主要是id列和attachmentSimple 的bind-ref绑定的那个列值都是一样的！，那么相同的方法肯定能获取相同的URL的！）

小小123

liangyongfei 发表于 2017-12-8 09:26
看下生成的源码！F12 调试一下， img标签的src属性是什么？这个URL是否真的可以下载到文件？？
你再3楼不 ...

现在没有用attachmentSimple这个组件了，现在只是一个单纯的展示页面。我把所有的代码放在了第一层的list的onAfterRender事件里面。但我只能获取到第一条数据的fID；不知道是不是我方法用错了。反正现在只能显示第一条数据的所有图片

liangyongfei

小小123 发表于 2017-12-8 09:45
现在没有用attachmentSimple这个组件了，现在只是一个单纯的展示页面。我把所有的代码放在了第一层的list ...

不用接管 onAfterRender
和上边做的是一样的！没有用到attachmentSimple 组件也没关系的！
只要哪行数据存在！最主要的是id列和 attachmentSimple bind-ref绑定的字段值是对的！
根据这两个字段，还是用同样的方法就能获取图片URL！！图片URL还是先存储在data组件中！
list绑定data组件显示即可！

方法和上边是一样的！ 只要值存在就能得到！

小小123

liangyongfei 发表于 2017-12-8 10:48
不用接管 onAfterRender
和上边做的是一样的！没有用到attachmentSimple 组件也没关系的！
只要哪行数据 ...

我不太明白您的意思，我现在的思路是：imgData有两列分别是id和img列，我想把数据库里面的每条数据fID取出来存入到imgData里面，然后在第二层的list里面的filter属性过滤：$row.val('id')==$object.val('fID')；我现在就是获取不到每一行的id，(imgData的图片URL肯定也只是第一条数据的啊)，所以无法过滤。(您说不用接管事件，那我怎么才能获取到我数据库里面每一条数据的id和fimage列然后存入imgData中呢)

liangyongfei

小小123 发表于 2017-12-8 11:09
我不太明白您的意思，我现在的思路是：imgData有两列分别是id和img列，我想把数据库里面的每条数据fID取出 ...

和 img 字段添加的方式一样的！ 你再添加一个字段！
添加 img 的时候，就是生成这个URL地址 添加进去的时候，给defaultValues  赋值的时候！将另外的字段也添加进去就可以了~1

小小123

liangyongfei 发表于 2017-12-8 11:26
和 img 字段添加的方式一样的！ 你再添加一个字段！
添加 img 的时候，就是生成这个URL地址 添加进去的 ...

这个我懂，我的意思是这些代码我该写在哪个方法里面才能获取到我数据库中的每一条fID和image？

liangyongfei

小小123 发表于 2017-12-8 11:30
这个我懂，我的意思是这些代码我该写在哪个方法里面才能获取到我数据库中的每一条fID和image？ ...

可以写在data组件 数据加载后的事件中！
不要写在onAfterRender 里面！他是每一行渲染都会执行的！

数据存储图片的data 数据加载后，就可以data.each循环处理每一行数据，得到URL  ID 分别加到defaultValues   中！
data.each 循环完后！将 defaultValues   newData 到 imgData即可！

小小123

liangyongfei 发表于 2017-12-8 11:47
可以写在data组件 数据加载后的事件中！
不要写在onAfterRender 里面！他是每一行渲染都会执行的！

老师，没找到数据加载后的事件啊

liangyongfei

小小123 发表于 2017-12-8 11:55
老师，没找到数据加载后的事件啊

onAfterRefresh 事件就是！刷新后事件嘛！

小小123

liangyongfei 发表于 2017-12-8 13:26
onAfterRefresh 事件就是！刷新后事件嘛！

老师，看我代码有问题吗，怎么还是alert了数据库中第一行fID两次啊；(数据库中两条数据)：

Model.prototype.dfriendData1AfterRefresh = function(event){
                var defaultValues = [];
                var data1 = this.comp('dfriendData1');
                var imgsData = this.comp('imgsData');
                data1.each(function(str){
                        var value = data1.getValue('fImage1');
                        var owner = data1.getCurrentRowID();
                        var ownerID = data1.getValue('fId');
                        alert(owner);
                        if (value) {
                                try {
                                        var jsonList = eval("(" + value + ")");
                                        if (jsonList instanceof Array) {
                                                for(var i=0;i<jsonList.length;i++){
                                                        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;
                                                        var imgUrl = require.toUrl(url);
                                                        defaultValues.push({
                                                                img : imgUrl
                                                        });
                                                }
                                        }
                                } catch (e) {
                                        console.log(e);
                                }
                        }
                });
                imgsData.clear();
                imgsData.newData({
                        defaultValues : defaultValues
                });
        };