Mvc之Ajax上传图片
2024-08-30 03:43:36
MyAjaxForm下载地址,点击此处下载
视图部分:
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
} <h2>Index</h2>
<form id="fm1" method="post">
<input type="file" id="btnfile" name="btnfile" value="提交" />
<input type="button" id="btn" value="上传" />
</form>
<div id="divimg"></div>
@section scripts{
<script src="/scripts/MyAjaxForm.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
// alert("ok2");
$("#fm1").ajaxSubmit({
url: '@Url.Action("Uploadfile")',
type: 'post',
success: function (data) {
data = data.replace('<PRE>', '').replace('</PRE>', '');
$('#divimg').append('<img src="' + data + '" width="200px" height="200px" />');
var file = $('#btnfile');
file.after(file.clone().val(''));
file.remove();
}
});
});
});
</script>
}
后台控制器部分
public ActionResult Uploadfile()
{
//上传文件
HttpPostedFileBase img = Request.Files["btnfile"];
string s = img.FileName;
string fileExtension = Path.GetExtension(s);
string path = "/Temp/" ;
if (Directory.Exists(Server.MapPath(path)) == false)//如果不存在就创建file文件夹
{
Directory.CreateDirectory(Server.MapPath(path));
}
string virpath = path + Guid.NewGuid() + fileExtension ; img.SaveAs(Server.MapPath(virpath));
return Content(virpath);
}
最新文章
- Ubuntu14.04_64位使用过程
- keepalived+LVS 实现双机热备、负载均衡、失效转移 高性能 高可用 高伸缩性 服务器集群
- jquery.cookie中的操作
- 安装node.js+express for win7的Web开发环境配置
- 转 iOS和android游戏纹理优化和内存优化(cocos2d-x)
- 关于Eclipse生成和导入Patch文件.
- 【HDOJ】4373 Mysterious For
- C语言字符串查找函数
- Win7下使用protel99se、protel99
- JavaEE Tutorials (10) - Java持久化查询语言
- JAVA项目省市县加载兼容浏览器异常
- 百度获取图片 json格式解析
- Stacking Plates(存档待续.....(没有写思路和程序))
- linux中模糊查找文件
- click事件和mousedown、mouseup事件
- 解决eclipse+adt出现的 loading data for android 问题
- word中括号中公式对齐
- Thread和Runable的区别、Synchronized锁关键字
- 结对作业-四则运算GUI
- PHPCMS v9 安全防范教程!
热门文章
- bootstrap 事件shown.bs.modal用于监听并执行你自己的代码【写hostmanger关联部门遇到的问题及解决方法】
- es6总结(三)--数组
- sync fsync fdatasync
- Linux 之 服务以及进程
- [Web Tools] 实用的Web开发工具
- React-Native解决ListView 在Android手机上无吸顶效果
- 利用github搭建个人网站
- lms111,rplidar 方向和起始角
- ssm框架 spring的主配置文件 spring-mvc主配置文件 web.xml配置文件(基础的配置文件)
- JVM 常用命令