使用 html 的 img 标签实现缩略图的展示

最新推荐文章于 2021-07-10 10:01:47 发布

hzxOnlineOk

最新推荐文章于 2021-07-10 10:01:47 发布

阅读量8.2k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/100117994

版权

前端开发专栏收录该内容

197 篇文章 4 订阅

订阅专栏

其中pic的值是 "20110c7577d080f4c5dcc35130a0b850.jpg"

具体代码如下：

const columns = [

      {

        title: '截图', dataIndex: 'pic', key: 'pic', width: 100, render: (pic) => {

          return pic !== '' ? <img style={{ width: 30, height: 30, cursor: 'pointer' }} src={`/FICC/api/ficc/feedback/pic/${pic}`} onClick={() => { this.setState({ showBigImg: true, pic }) }} /> : <p style={{ color: 'rgba(0,0,0,.3)' }}>暂无截图</p>

        }

      },

      { title: '说明内容', dataIndex: 'content', key: 'content', width: 200 },

      { title: '反馈时间', dataIndex: 'createDate', key: 'createDate' },

    ];