图片上传 显示 图片上传

图片上传 显示
图片上传
在这里插入图片描述

在图片上传里:

使用templet 声明模板接收的

里面的图片需要自己自定义填写上去

下面是通过functiong 函数接收 templet接收的图片

括号里的rowData代表这一行的数据

通过var 声明一个 picture 接收 rowData里面的图片 bookPicture
在这里插入图片描述

再通过使用if语句判断picture的值是不是undefined null 或者(” ”)空值
是的话接收else里面的判断

返回 return “未上传”;
图片的路径 需要自己声明

再声明一个 img标签 使用src接收上面的图片路径
通过style 设置这个图片的最大宽高

后 使用 返回条件 return 返回 这个图片路径
里面的 max-width 代表最大宽的值

上面是基本的图片显示功能

新增里面还有一个清空图片
每点击一次新增都重新 清空img 里面的 src内容
//清空图片
$("#bookPicture").attr(“src”, “”);

使用这个方法
$()里面的内容是你要选择的标签 一般通过ID 选择

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页