原因:attachmentSimple 组件可以上传图片,但是没有图片预览的能力!如果想把上传的图片,使用img标签显示出来!就需要自己写代码实现!
解决办法:
主要代码
// 图片路径转换 Model.prototype.getImageUrl = function(value, ownerID) { if (value) { try { var jsonList = eval("(" + value+ ")"); if (jsonList instanceof Array) { 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 ""; };
其中参数value是attachmentSimple 组件绑定的data组件字段的值,
ownerID是data组件当前行的ID列的值,
jsonList是一个数组!表示保存了几个文件! 通过这个方法就可以获取到这个图片的url地址了! 另外3.3以前版本的实现!那个是调用.j,UIserver的实现请参考: http://bbs.wex5.com/forum.php?mod=viewthread&tid=74240&page=1#pid165153630
评一波