在.net MVC中异步上传图片或者文件
2024-10-21 07:29:53
@using (Ajax.BeginForm("AddMessages", "MenuInfo", new AjaxOptions { HttpMethod = "post", OnSuccess = "Successd" }, new { @id = "from1", enctype = "multipart/form-data" })) //这里最好还是加上 enctype = "multipart/form-data" }
{
<input id="IconUrl" name="IconUrl" >
<input id="IconUrl" name="IconUrl" >
<input type="file" id="files" name="files" value="点击选择图片" />
}
JS代码
function fileUp() {
$("#files").change(function () {
if ($(this).val()) {//选择了图片上传的时候,异步提交
$("#from1").ajaxSubmit({
type: "Post",/*设置表单以post方法提交*/
dataType: "text", /*设置返回值类型为文本*/
url: '/MenuInfo/UploadImage', /*设置post提交到的页面*/
success: function (data) {
$("#IconUrl").val(data); //把返回来的地址赋到那个input上
$("#files").val("");//把值去掉
} }) } }) }
后台代码
public ActionResult UploadImage() {
if (Request.Files["files"] != null)//判断是否能接收到上传的图片
{
var imgurl = Request.Files["files"];//得到上传图片
string fileEx = Path.GetExtension(imgurl.FileName);
if (fileEx == ".jpg" || fileEx == ".jpeg")
{ //这储存这个类型
string imagePath = "/Upload/Images/" + DateTime.Now.Year + "/" + DateTime.Now.Month + "/" + DateTime.Now.Day + "/";
if (!Directory.Exists(imagePath))
{//判断是否有这个文件夹没有创建一个
Directory.CreateDirectory(Server.MapPath(imagePath));
}
//写好保存路径存放
string fileName = imagePath + Guid.NewGuid().ToString() + imgurl.FileName;
imgurl.SaveAs(Server.MapPath(fileName));
return Content(fileName);
}
return Content("只支持保存.jpg或者.jpeg格式的图片");
}
else {
return Content("保存失败");
} }
最新文章
- TCP滑动窗口机制的简洁模型
- 手机端js事件支持(event)
- redis学习(3)redis.conf配置文件详解
- 用代码编辑数据库T-SQL语句
- HW2.22
- tomcat7源代码Bootstrap
- sql语句:if exists语句使用
- 性能测试分享:Jmeter的api监控工具解决方案
- Premiere&;After Effects的实时预览插件开发
- 一场围绕着‘Deeping Learning’的高考
- Jquery 强大的表单验证操作
- Liunx网络技术管理及进程管理
- 2018-2019-20175334实验一《Java开发环境的熟悉》实验报告
- Python3.6 下 安装MySql
- node.js小案例_留言板
- 图像边缘检测——几种图像边缘检测算子的学习及python 实现
- css选择器:基本选择器
- python kafka client--confluent-kafka-python
- webstorm设置自定义代码快捷键
- Java 8 – Convert List to Map