在.NET Framework4.8 MVC项目中使用AJAX上传图片
HTML代码:
1 2 3 4 5 6 | <body> <form enctype= "multipart/form-data" > <div><input type= "file" id= "MinUpload" /></div> <div><input type= "submit" value= "提交" /></div> </form> </body> |
JS代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <script src= "https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js" ></script> <script> $( function () { $( "form" ).submit( function () { var MinUpload = $( '#MinUpload' ).get(0).files[0]; //获取上传的文件;//get(0)将Jquery对象转换为DOM对象 var formData = new FormData(); //创建一个formData formData.append( 'MinUpload' , MinUpload); $.ajax({ url: '/Man/Process' , method: 'post' , data: formData, dataType: 'json' , processData: false ,//数据处理 contentType: false ,//内容类型 cache: false , async: false , success: (result) => { console.log(result); }, error: (error) => { } }) }); }) </script> |
控制器代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | public void Process(HttpPostedFileWrapper MinUpload) { //将图片上传到 upload 文件夹下 (upload下,且按照时间存放图片) string baseUrl = AppDomain.CurrentDomain.BaseDirectory + "upload\\" ; int year = DateTime.Now. Year ; int month = DateTime.Now. Month ; int day = DateTime.Now. Day ; string dayUrl = baseUrl + year + "\\" + month + "\\" + day ; //判断是否存在年月份文件夹,如果不存在则创建 if (!Directory.Exists(dayUrl)) { Directory.CreateDirectory(dayUrl); } //获取拓展名 string ext = Path.GetExtension(MinUpload.FileName); //这里可进行判断是否为 合法的格式文件 string avatorName = Guid.NewGuid().ToString(); MinUpload.SaveAs(dayUrl + "\\" + avatorName + ext); } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库