JavaScript、jquery实现上传图片(图片存到服务器,路径存到数据库字段中)一
来源:互联网 发布:农村金融去哪找数据 编辑:程序博客网 时间:2024/06/01 08:35
首先第一步就是界面。样式什么的就不设置了,先实现功能就行。
<form id="form2" method="post" enctype="multipart/form-data"> <input type="file" id="imageUpLoad" name="imageUpLoad" class="form-control required" style="float: left; width: 200px;"> <input type="button" value="点击上传" onclick="UpLoad()" class="btn btn-primary"></form>
先选择图片进行上传,这里使用from 中的type="file"就可以选择图片,然后定义一个上传按钮,按钮中给他一个onclick事件。
function UpLoad() { //如果有其他的值,判断下是否为空 var keyValue = $("#gridList").jqGridRowValue().Id; form2.action = "/List/AddEvidence?keyValue=" + keyValue; form2.submit(); }
这个是跳转到了控制器的AddEvidence方法中,参数是keyValue 。
后台控制器的写法:
[HttpPost] // public ActionResult AddEvidence(HttpPostedFileBase imageUpLoad, string keyValue) { string fileName = imageUpLoad.FileName; //转换只取得文件名,去掉路径。 if (fileName.LastIndexOf("\\") > -1) { fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1); } string type = fileName.Substring(fileName.LastIndexOf(".") + 1);//得到加载文件的扩展名 if (type == "jpg" || type == "bmp" || type == "gif" || type == "png") { //重命名,方便同一管理 fileName = DateTime.Now.ToString("yyyyMMddhhmmss") + "-" + Path.GetFileName(imageUpLoad.FileName); string uppath = Server.MapPath("/Content/IssueImages/") + fileName; //保存到相对路径下。 imageUpLoad.SaveAs(uppath); //以下代码是将 路径保存到数据库。 string ImageUrl = "/Content/IssueImages/" + fileName; //在数据库中查出来是否已经上传了图片 var data = this.CreateService<IIssueListAppService>().GetIssueListById(keyValue).First(); if (data.ImageUrl == null) { //如果没有上传,那就存进去 UpdateIssueRecordsInput input = new UpdateIssueRecordsInput(); input.Id = keyValue; input.ImageUrl = ImageUrl; this.CreateService<IIssueListAppService>().UpdateImageUrl(input); return Success("上传图片成功!"); } else if (data.ImageUrl2 == null) { UpdateIssueRecordsInput input = new UpdateIssueRecordsInput(); input.Id = keyValue; input.ImageUrl2 = ImageUrl; this.CreateService<IIssueListAppService>().UpdateImageUrl2(input); return Success("上传图片成功!"); } else if (data.ImageUrl3 == null) { UpdateIssueRecordsInput input = new UpdateIssueRecordsInput(); input.Id = keyValue; input.ImageUrl3 = ImageUrl; this.CreateService<IIssueListAppService>().UpdateImageUrl3(input); return Success("上传图片成功!"); } else { return Error("最多上传三张图片"); } } else { return Error("文件格式不正确"); } }
这时候已经将图片上传到服务器,路径存到数据库了,下一篇将介绍显示图片并且实现删除。
阅读全文
0 0
- JavaScript、jquery实现上传图片(图片存到服务器,路径存到数据库字段中)一
- 将图片上传存到数据库
- 如何将图片存到数据库中?
- 如何存图片到数据库中
- 求高手解答jsp中存储到数据库的问题(想把本地图片存到Tomcat服务器上,路径写在mysql中)
- 头像图片显示---数据库中保存路径 图片上传到工作目录下
- 图片上传、预览 存到本地
- 图片存到本地
- 将图片和视频存到Tomcat服务器中
- VB.NET Winform 中保存图片到数据库中
- 在webform中把图片存到数据库
- 从数据库读取图片存到本地
- 图片和文件如何存到数据库
- java存图片到mysql数据库
- (一)上传图片至服务器,写入到数据库Blob字段中,以及从数据库读取Blob信息(iframe父子页面传值)
- SpringMVC 上传文件或图片并以二进制流的方式存到数据库
- 将网络中的图片存为NSData并保存到sqlite的BLOB字段中.
- 将网络中的图片存为NSData并保存到sqlite的BLOB字段中
- Java学习笔记(2)Java语言进阶
- 简单解释MapReduce算法
- 用Js实现页面按名字搜索功能
- MySQL缓存机制详解(一)
- Java学习笔记(3)网络通信
- JavaScript、jquery实现上传图片(图片存到服务器,路径存到数据库字段中)一
- Android Launcher分析和修改1——Launcher默认界面配置(default_workspace)
- Csharp进阶:栈和队列
- 如何用Python Pandas以及正则表达式提取地址中的省份
- 关于Ubuntu不启动X,直接进入字符界面
- UFT之正则表达式
- SpringMVC编程<三>
- jenkins邮件配置
- PyTorch深度学习:60分钟入门(Translation) PyTorch深度学习:60分钟入门(Translation)