asp.net上传图片,上传图片
想必很多人工作中经常需要实现上传图片的功能。
先引用此插件 http://files.cnblogs.com/files/hmYao/jquery-form.js。
前台代码
<form data-ajax-success="AfterUpload" enctype="multipart/form-data" id="frm">
<input type="file" name="fileBase" value=" " id="imgUpload" class="jiangli_1_w" />
<input type="submit" id="btnSub" value="上传图片" /> <span class="flat_loe">上传图片宽度最大尺寸720px,高度无限制</span>
</form>

//上传图片
$("#btnSub").click(function () {
$("#frm").ajaxSubmit({
url: "/Slide/UploadImage",
type: "Post",
success: AfterUpload
});
return false;
}); function AfterUpload(msg) {
if (msg != "0") {
$("#imgPath").removeAttr("src").attr("src", msg);
} else {
swal({
title: "温馨提示",
text: "图片格式有误"
});
$("#imgPath").val("");
return false;
}
}

对应的后台代码如下:

/// <summary>
/// 上传图片
/// </summary>
/// <param name="fileBase"></param>
/// <returns></returns>
[HttpPost]
public ActionResult UploadImage(HttpPostedFileBase fileBase)
{
string imgurl = string.Empty;
string imgPath = System.IO.Path.GetFileName(fileBase.FileName);
int index = imgPath.LastIndexOf('.');
string suffix = imgPath.Substring(index).ToLower();
if (suffix == ".jpg" || suffix == ".jpeg" || suffix == ".png" || suffix == ".gif" || suffix == ".bmp")
{
string pictureName = DateTime.Now.Ticks.ToString() + suffix; //图片名称
string savePath = Server.MapPath("/Files/Images/SlideConfig/");//幻灯片文件夹
if (!Directory.Exists(savePath))
{
Directory.CreateDirectory(savePath);
}
imgurl = "http://" + Request.Url.Authority + "//Files/Images/SlideConfig/" + pictureName;
fileBase.SaveAs(savePath + pictureName);
}
else
{
imgurl = "0";
}
return Content(imgurl);
}

有一点很重要,很多人都拿不到上传的路径值。注意参数的名称 需要和 file标签的name相同。
到此结束...
asp.net上传图片,上传图片的更多相关文章
- Asp.Net MVC 上传图片到数据库
[读书笔记]Asp.Net MVC 上传图片到数据库(会的绕行) 之前上传图片的做法都是上传到服务器上的文件夹中,再将url保存到数据库.其实在MVC中将图片上传到数据库很便捷的事情,而且不用去存 ...
- 【读书笔记】Asp.Net MVC 上传图片到数据库(会的绕行)
之前上传图片的做法都是上传到服务器上的文件夹中,再将url保存到数据库.其实在MVC中将图片上传到数据库很便捷的事情,而且不用去存url了.而且这种方式支持ie6(ie6不支持jquery自动提交fo ...
- asp.net mvc上传图片案例
1.放在ajax.BeginForm里,不好使,同asp.net 表单中 fileupload控件不支持ajax差不多吧,如果异步的话可以借助jquery.form.js,很方便 2. //上传文件 ...
- ASP.NET中上传图片检测其是否为真实的图片 防范病毒上传至服务器
一.需求 我们在用.net开发网站时,经常会用到图片上传,可以说是每个网站必备的,大到门户网站,电商网站,政务系统,OA系统,小到企业网站,个人网站,博客网站,导航网站等等,都有用到图片上传,那么在客 ...
- asp.net+bootstrap上传图片+FileUpload控件文件上传下载
ps:我数据库使用的pgsql,看个人修改. 代码asp.net 的,使用了mootools框架,里面包含了bootstrap上传图片,查看预览,还加了个上传任意文件的FileUpload.(界面随便 ...
- asp.net MVC上传图片完整方法
图片上传 自动创建文件夹并重命名(带缩略图) 后台: [HttpPost] public ActionResult WanSell_UploadPicture(ProductGalleryModels ...
- ASP.NET MVC上传图片的奇怪问题
本文来源于博客园-钱智慧,转载请注明出处 表现:客户说就华为的手机有问题,而且是在QQ里打开有问题,如果在手机的浏览器上,则可以正常上传图片. 有问题的代码如下: private ResultMode ...
- Asp.Net MVC上传图片
mvc上传图片 [HttpPost] public JsonResult Upload() { ) { ) { HttpPostedFileBase file = Request.Files[]; ) ...
- Asp.Net WebApi上传图片
webapi using System; using System.Collections; using System.Collections.Generic; using System.Diagno ...
- ASP.NET获取上传图片的大小
1.采用客户端javascript可以取得图片大小 <input id="FileUpload" type="file" size="30&qu ...
随机推荐
- HDU-6370 Werewolf(杭电多校6I)
一群人在玩狼人杀,村民只会说真话,狼人会说真话和假话,要你求出那些人一定是村民或者那些人一定是狼人.想到了并查集不会用... 1,如果全部人都是狼人,一定可以所以一定是村民的人一定是0. 2, 加入是 ...
- 浅析 @PathVariable 和 @RequestParam(转发,非原创)
首先 上两个地址:地址①http://localhost:8989/SSSP/emps?pageNo=2地址②http://localhost:8989/SSSP/emp/7如果想获取地址①中的 pa ...
- SpringBoot读取application.properties文件
http://blog.csdn.net/cloume/article/details/52538626 Spring Boot中使用自定义的properties Spring Boot的applic ...
- CSS3 filter(滤镜)
filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度). Filter 函数 注意: 滤镜通常使用百分比 (如:75%), 当然也可以使用小数来表示 (如:0.7 ...
- jquery 追加元素/jquery文档处理,插入、修改、移动、删除指定的DOM元素.
jquery 追加元素 $("#content").append("..."); // 添加到元素内部最后面 $("#content").p ...
- RedHat下安装MySQL5.5
MYSQL在windows下面安装可能一帆风顺,但是如果真的到纯图形界面的redhat服务器上,可能就不是那么容易了, 这里我就详细的介绍一下MYSQL5.5在linux下的安装以及注意的问题,避免后 ...
- PHP快速排序算法
说明: 通过设置一个初始中间值,来将需要排序的数组分成3部分,小于中间值的左边,中间值,大于中间值的右边,继续递归用相同的方式来排序左边和右边,最后合并数组 示例: <?php $a = arr ...
- Codeforce 867 C. Ordering Pizza (思维题)
C. Ordering Pizza It's another Start[c]up finals, and that means there is pizza to order for the ons ...
- HTML学习笔记Day13
一.HTML+CSS代码实现三角形 (一)transparent透明属性实现代码编写三角 <!DOCTYPE html> <html> <head> <met ...
- flask模版继承和block
模版继承和block的目的就是为了减少前端代码量 flask_ones.py #encoding:utf-8 from flask import Flask,url_for,redirect,rend ...