原因: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
评一波