在未上传图片时,想设置默认图片出现404错误

功能需求:

在信息编辑栏编辑运动信息,可选择上传运动图片,让其显示在列表中,若未上传图片则在列表中显示默认图片.(前后端不分离)

Bug1:

在浏览器编辑页面,不上传图片无法保存,会报Error updating database.

=>解决:是Mapper.xml文件的映射字段缺失.

<picPath字段是后面手动添加的,由于疏忽没有添加完整,导致产生bug>

Bug2:

在使用 if else 判断是否有上传图片时,判断条件出错,导致判断语句不成立无法生效;

以及给出的默认图片 src 地址出错,导致访问时一直路由到未知的地址,报 404 错误.

=>解决:改为合法正确的判断条件;

               默认图片的 src 地址应该使用  ${staticBase}  占位符+图片的相对路径,${staticBase} 占位符可以动态的替换为指定的值,没有占位符 src 的地址则为当前路径下的地址,会造成路径出错.

错误代码:

if(row != null){
    return "<img width='100' height='100' src=" + row.picUrl + " />";
} else{
    return "<img width='100' height='100'                     
             src='static/images/uploadFile/upload_pic.png'>";
}

正确代码:

if(row.picUrl != null){
    return "<img width='100' height='100' src=" + row.picUrl + " />";
} else{
    return "<img width='100' height='100'                     
             src='${staticBase}/images/uploadFile/upload_pic.png'>";
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值