layui 表格中怎么显示图片


当前第2页 返回上一页

控制器代码―保存图片
控制器这边关于一些查询的我就懒得在写了,首先在控制器的方法中用HttpPostedFileBase 接收的名称 ,这种形式来接收传过来的图片的信息。注意:接收的名称要与页面的中img标签下的隐藏的type为input标签的name相同。
在这里插入图片描述在这里插入图片描述
先保存完除了图片之后的其他数据,然后在处理图片
先声明一个string类型的变量,用来接收最后图片的名称,然后fileDriverImage是否为空,如果不等于空。先获取图片的后缀名,用来后面判断传过来的是否是图片类型。图片名称(fileName)前面拼接5个随机字符串,用来防止修改时出现同名的图片发生异常。然后判断白村的图片的路径是否存在,如果不存在该路径,就在项目中创建相对应的路径。路径分为两个,一个临时路径,用来保存上传之后,但是数据还未保存到数据库之前的图片。一个最终路径,用来保存数据保存成功之后的图片。然后拼接图片保存的临时路径以及要保存到数据库的图片的路径。然后将拼接的要保存到数据库的图片的路径赋值给要保存的表对象中相对应的字段。然后判断前面获取到的后缀名,将后缀名全部转化为小写在判断是否是图片类型。如果是图片类型,将图片保存到临时路径。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

string fileName = "";

//判断图片是否为空

if (fileDriverImage != null)

{

    string fileExtension = System.IO.Path.GetExtension(fileDriverImage.FileName);

    fileName = Common.ValidCodeUtils.GetRandomCode(5) + fileDriverImage.FileName;

    //判断是否存在该路径,若不存在,创建 最终路径

    if (!Directory.Exists(Server.MapPath("~/Document/BusinessManagement/Driverimg/")))

    {

        Directory.CreateDirectory(Server.MapPath("~/Document/BusinessManagement/Driverimg/"));

    }

    //临时路径

    if (!Directory.Exists(Server.MapPath("~/Document/BusinessManagement/Temp/")))

    {

        Directory.CreateDirectory(Server.MapPath("~/Document/BusinessManagement/Temp/"));

    }

    //拼接保存的图片路径

    string fileTempPath = Server.MapPath("/Document/BusinessManagement/Temp/") + fileDriverImage.FileName;

    string fileSavePath = "/Document/BusinessManagement/Driverimg/" + fileDriverImage.FileName;

    sysDriver.DriverPicture = fileSavePath;

    if (fileExtension != null)

    {

        fileExtension = fileExtension.ToLower(); //将后缀转化为小写

        //判断文件扩展名是否是指定的图片类型

        if ("(.gif)|(.jpg)|(.bmp)|(.jpeg)|(.png)".Contains(fileExtension))

        {

            fileDriverImage.SaveAs(fileTempPath); //保存文件

        }

    }

}

数据库保存成功之后将图片从临时路径移动到最终路径
在数据保存成功之后,判断获取到的图片的文件是否为空,若不为空,获取图片在临时路径中的路径和在最终路径中的路径。然后使用IO中的Move将图片从临时路径移动到最终路径。
在这里插入图片描述

以上就是layui 表格中怎么显示图片的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

通过layui给数据表格添加序号

layui的分页怎么用

layui怎么实现三级联动

layui前端遇到的难点集合(附代码)

layui的文件上传功能怎么获取文件名

layui框架常用输入框介绍

layui关联表单的方法

layui导入导出excel方法

layui怎么固定表格的表头

layui怎么设置checkbox勾选

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...