WeX5_V3.1中关于attachmentSimple组件的用法

cnjszd

在WeX5_V3.1中，关于attachmentSimple组件的用法，有疑问如下：
1、绑定好一个数据后，保存后，数据表中存的是图片的数据流还是图片路径？
2、选择好图片后，可以看到attachmentSimple组件中的左上角出现了小图片的预览，这个图片的大小能否进行设置高宽或是不可见？
3、我想另外用一个image组件来单独显示图片，在image组件的bind-attr-src中，我直接放入的是当前数据字段的图片值，比如：$model.newsData.val('fimage')，这样是显然不成功的，如果数据表中是数据流应该如何写，如果数据表中是数据路径，那么在保存的时候是否需要选择保存路径，在哪选？
4、总结一下，最好的效果是想这样：用attachmentSimple组件选择图片后直接保存到数据表中去，同时又能用另外一个image来正常显示出来，因为image组件的大小可调。
相关问题如图所示，请指导下，谢谢！

ck397950537

您好，能不能把这个帖子中，您成功解决的例子分享一下，学习一下。。初学者，请多关照

cnjszd

还有个问题，这个attachmentSimple组件在模拟器中运行后看到的效果没有chrome浏览器看到的效果好，模拟器中甚至看不到图片，不知是否影响手机端的正常使用？

cnjszd

补充说明如图

jishuang

1.存到数据库中存的类似与附件组件的信息不是自己存的图片或者图片的路径
2.可以修改样式

1. .x-item-other {
   
2.         background-size: 80px;
   
3. }
   
4. .x-item-upload{
   
5.         background-size: 80px;
   
6. }
   
7. .x-attachment-item{
   
8.         width:80px;
   
9.         height:80px;
   
10. }
    
11. .x-item-remove{
    
12.         background-size: 80px;
    
13. }

复制代码

3.不能直接关系关系的是在image中显示，需要拼一个url给image显示才可以
   如下在list中的image中显示在bind-attr-src上设置如下：$model.getImageUrl($object)

getImageUrl函数的定义如下：

1.         Model.prototype.getImageUrl = function(row){
   
2.         if(row != undefined){
   
3.         var jsonList = eval("(" + row.val('fFJ') + ")");
   
4.         var        ownerID = row.getID();
   
5.         if(jsonList != undefined ){
   
6.                 var realFileName = jsonList[0]["realFileName"];
   
7.                 var storeFileName = jsonList[0]["storeFileName"];
   
8.                 var operateType = "browse";
   
9.                 var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName='+storeFileName + '&ownerID='+ownerID + '&operateType=' + operateType;
   
10.                 return require.toUrl(url);
    
11. 
    
12.         }
    
13.         }
    
14.             
    
15.     };

复制代码

可以参考http://wex5.com/cn/attachment1/

cnjszd

jishuang 发表于 2015-4-21 14:19
1.存到数据库中存的类似与附件组件的信息不是自己存的图片或者图片的路径
2.可以修改样式

感谢回复！
第一条：那个修改样式不知在哪里修改，烦请指教
第二条：那段代码中，编辑器提示!= 要换为!==，否则前面有个黄感叹号，我换了一下，放在js文件中，同时绑定语句也放在imagq的bind-attr-src里面了，另外，我还把数据库表中跟图片关联的字段的值修改为这样子的：[{"storeFileName":"C693EE875B5000014F5B1C4712FE1E81","realFileName":"11.jpg"}]，运行后，没有报错信息，但是image组件中也没有图片出来，请再指导下。

cnjszd

1.存到数据库中存的类似与附件组件的信息不是自己存的图片或者图片的路径
这句话到底是什么意思

cnjszd

jishuang 发表于 2015-4-21 14:19
1.存到数据库中存的类似与附件组件的信息不是自己存的图片或者图片的路径
2.可以修改样式

你写的getImageUrl函数,快要成功了，但是我不知道卡在哪里，图片还是显示不出来，系统不报错，我已经架设好环境，烦请老师远程指导一下，谢谢，我的QQ是：517297387

cnjszd

在线傻等中...

cnjszd

报错信息是：
undefined is not a function
隐藏详细
TypeError: undefined is not a function at Model.getImageUrl (http://127.0.0.1:8080/x5/$va3d93b80b99f4a32b6826d35b7334854$lzh_CN$sdesktop$d/UI2/ddlifeht/news/news1.js:17:40) at Model.button3Click (http://127.0.0.1:8080/x5/$va3d93b80b99f4a32b6826d35b7334854$lzh_CN$sdesktop$d/UI2/ddlifeht/news/news1.js:144:20) at r.extend.fire (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:236930) at r.extend.fireEvent (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:238026) at n.callParent (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:234369) at t.extend.fireEvent (http://127.0.0.1:8080/x5/$vdbe2538aa352482095bb2cd64e166ce5$lzh_CN$sdesktop$d/UI2/system/common.min.js:7:2963) at n.BindComponent.extend._doClick (http://127.0.0.1:8080/x5/$v6a7c7b8e1894414b820daa5579cce979$lzh_CN$sdesktop$d/UI2/system/components/comp.min.js:144:70488) at HTMLAnchorElement.h.isFunction.i (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:34341) at HTMLAnchorElement.h.event.dispatch (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:68656) at HTMLAnchorElement.g.handle (http://127.0.0.1:8080/x5/$vb67fbb5951a846868bf08cb006320480$lzh_CN$sdesktop$d/UI2/system/core.min.js:36:65366)

jishuang

cnjszd 发表于 2015-4-21 15:50
1.存到数据库中存的类似与附件组件的信息不是自己存的图片或者图片的路径
这句话到底是什么意思 ...

可以参考http://wex5.com/cn/attachment1/