1问题描述
 
后台返回的图片加载到页面上时发现有些图片无法加载出来，这时前端要做默认图片展示，最初使用img标签的onerror事件，但是使用这个方法等了很长时间才将替换图片加载出来，且当默认图片也加载不出来时会继续触发onerror事件形成死循环。
 问题展示：
 后台返回的图片信息：
 
 渲染到前端页面上：
 
 onerror事件之总后的替换图片
 
2解决方案
 
function CheckImgExists(imgurl) { 
    var ImgObj = new Image();
    ImgObj.src = imgurl; //图片路径
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { 
        return true; //有图片返回true，或者后台返回的图片地址
    } else { 
        return false;//没有图片返回false，或者默认图片地址
    } 
} 
 
imgurl是后台返回的图片地址，是必须的参数，
 
3结果
 
使用这个方法能很快将加载不出来的图片替换成默认图片。只需调用一下即可

 Element ui表格展示图片问题
 

 
 
 
 
 
 
 
 
  
 当需要遍历图片时，不能直接使用prop绑定值，具体 代码如下
 
  
 
   
<el-table-column label="头像" width="100">
                <template scope="scope">
                    <img :src="scope.row.head_pic" width="40" height="40" class="head_pic"/>
                </template>
            </el-table-column>
 
  
 
  
 注意：scope.row.head_pic 中的head_pic  就是平常我们绑定在prop中的值
 
  
  
 
  
 多张图片
 
  
 <el-table-column prop="pictures" label="描述图片">
 　　<template scope="scope">
 　　　　<img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/>
 　　</template>
 </el-table-column>
 
  
 https://www.cnblogs.com/shinefon-2-2/p/7798708.html
 
 
 
 

在java中使用dataBinding展示图片很简单，只需要配置一个静态的BindingAdapter就可以了。
 
如图：
 
在kotlin中使用：
 
首先：kotlin中没有static关键字，但是提供了companion object{}代码块和使用object关键字
 
object关键字声明一种特殊的类,这个类只有一个实例,因此看起来整个类就好像是一个对象一样，这里把类声明时的class关键字改成了object,这个类里面的成员默认都是static的.
 
@JvmStatic注解：与伴生对象搭配使用，将变量和函数声明为真正的JVM静态成员。
 
接下来上代码：
 
 
注意：一定要加上@JvmStatic,否则会报下面的错
 
 java.lang.IllegalStateException: Required DataBindingComponent is null in class FragmentPersonalCenterBinding. A BindingAdapter in classcool_enterprise.zhixing.com.classcool_enterprise.utils.DataBindingUtils.Companion is not static and requires an object to use, retrieved from the DataBindingComponent. If you don't use an inflation method taking a DataBindingComponent, use DataBindingUtil.setDefaultComponent or make all BindingAdapter methods static.
 
 

var http = require('http');

var url = require('url');

var router = require("./router");

http.createServer(function(request,response){
	
	response.writeHead(200,{'contet-Type':'text/html;charset=utf-8'});

	if(request.url!=='/favicon.ico'){
		var pathname = url.parse(request.url).pathname;
		pathname = pathname.replace(/\//,'');

		router[pathname](request,response);
	}
	
	console.log('主程序执行完毕');

}).listen(8000);

console.log('now Server port is 8000');
 
var fileimg = require('./fileimg');

module.exports= {
	readimage:function(req,res){
		fileimg.readimg('./img/1.jpg',res);
		console.log('读取图片完成');
	}

}
 
var fs = require('fs');

module.exports ={
	readimg:function(path,res){
		fs.readFile(path,'binary',function(err,filedata){
			if(err){
				console.log(err);
				return;
			}else{
				res.write(filedata,'binary');
				res.end();
			}
		});
	}
}