项目引用接口返回的图片地址方法

最新推荐文章于 2024-07-23 14:32:03 发布

dongsdh

最新推荐文章于 2024-07-23 14:32:03 发布

阅读量1.5k

点赞数

分类专栏： McCompany

本文链接：https://blog.csdn.net/dongsdh/article/details/103278769

版权

McCompany 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

:src="item.data['nc_zbgl_mhzb_data.cover']?dsf.url.getWebPath(parseJson(item.data['nc_zbgl_mhzb_data.cover'])[0]['relativePath']):''"

//1用接口返回的图片地址格式进行转换
geturls(cover){
		let urls ='';
		if(cover){
			let cov = JSON.parse(cover);
			if ($.isArray(cov)) {
        urls = cov[0].relativePath;
      }
		}else{
			urls="res/dsf_styles/themes/nc/404.png"
		}
		return urls;
  }

//2得到转换后的图片路径

let urls = _this.geturls(sd[i].cover)

//3获取的路径后拼接在一起

+'<img src="'+dsf.url.getWebPath(urls)+'" />'

onerror="onerror=null;src='`+dsf.url.getWebPath('res/dsf_styles/themes/nc/404.png')+`'"           es6
onerror=\'onerror=null;src="' + dsf.url.getWebPath("res/dsf_styles/themes/nc/404.png") + '"\'     es5
+'<img src="'+dsf.url.getWebPath(urls)+'" onerror=\'onerror=null;src="' + dsf.url.getWebPath("res/dsf_styles/themes/nc/404.png") + '"\'/>'    es5
<img ds-bind:src="getImageSrc(item.cover)" onerror="javascript:this.src='/dsfa/res/dsf_styles/themes/nc/404.png'" alt="" />   组件开发时

20200103追加

if(sd.length == 0){
  shtml='<div style="text-align: center; margin: 20px;"><img src="/dsfa/res/dsf_styles/themes/img/nodata.png"></div>';
}

20200223追加

if(data.length == 0){
       shtml='<div style="text-align: center; margin: 20px;"><img src="/dsfa/res/dsf_styles/themes/img/nodata.png"></div>';
       $('.jsyearlsit').html(shtml);
       return false;
   }

//获取图片地址
getImageSrc(cover){
let _this = this;
if(cover){
return dsf.url.getWebPath(JSON.parse(cover)[0].relativePath)
}else{
return _this.$defaultImgUrl;
}
}

this.$defaultImgUrl = '/dsfa/res/dsf_styles/themes/nc/404.png';

/dsfa/res/dsf_styles/themes/nc/file-nopeo.png