首先给写好样式,在模态框里设置好img input标签的ID,input标签name值要与控制器接收的参数一致如下:
下一步打开对应的模态框,然后清空模态款里面的数据,再根据对应的id 查询出对应的图片文件路径,再根据该图片ID 将查询出的路径放到图片的路径上面,就可以显示该id中存在的图片了,回填之后打开模态框。
再下一步就到选择图片,双击图片打开文件选择,获取到选中的图片文件,再判断文件上传的是否为图片样式,再根据正则表达式过滤图片文件。
再再下一步根据文件读取器将该URL绑定到img标签的src属性上,就可以实现图片的上传预览效果了。
最后通过表单提交将该图片路径传到控制器,使用表单提交之前要引入JQuery的form插件
来到控制器,首先将数据对应存放图片路径的表实例化出来,然后再根据input标签name值接收图片数据,HttpPostedFileBase 参数要与input 标签name一致
然后判断该路径下是否存在该文件夹,没有就创建
接下来判断图片是否修改,判断该图片数据是否为空,图片长度是否大于零。再该根据对应的ID查出该表中存放该图片的路径,判断该路径是否为空,然后删除原来的图片,再根据年月日+文件名称,拼接起来生成新的文件名称,然后把该文件存放到上面的文件夹下面,然后再将该新生成的文件路径保存到数据库对应的图片字段下面
补充说明:控制器要添加 一个引用
添加完这个引用·之后再引用