图片的上传修改

首先给写好样式,在模态框里设置好img input标签的ID,input标签name值要与控制器接收的参数一致如下:

在这里插入图片描述
下一步打开对应的模态框,然后清空模态款里面的数据,再根据对应的id 查询出对应的图片文件路径,再根据该图片ID 将查询出的路径放到图片的路径上面,就可以显示该id中存在的图片了,回填之后打开模态框。
在这里插入图片描述
再下一步就到选择图片,双击图片打开文件选择,获取到选中的图片文件,再判断文件上传的是否为图片样式,再根据正则表达式过滤图片文件。
在这里插入图片描述
再再下一步根据文件读取器将该URL绑定到img标签的src属性上,就可以实现图片的上传预览效果了。
在这里插入图片描述
最后通过表单提交将该图片路径传到控制器,使用表单提交之前要引入JQuery的form插件
在这里插入图片描述

来到控制器,首先将数据对应存放图片路径的表实例化出来,然后再根据input标签name值接收图片数据,HttpPostedFileBase 参数要与input 标签name一致
在这里插入图片描述
然后判断该路径下是否存在该文件夹,没有就创建
在这里插入图片描述
接下来判断图片是否修改,判断该图片数据是否为空,图片长度是否大于零。再该根据对应的ID查出该表中存放该图片的路径,判断该路径是否为空,然后删除原来的图片,再根据年月日+文件名称,拼接起来生成新的文件名称,然后把该文件存放到上面的文件夹下面,然后再将该新生成的文件路径保存到数据库对应的图片字段下面
在这里插入图片描述
补充说明:控制器要添加 一个引用
在这里插入图片描述
添加完这个引用·之后再引用
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值