• 在.NET Framework4.8 MVC项目中使用AJAX上传图片


    HTML代码:

    <body>
        <form  enctype="multipart/form-data">
            <div><input type="file" id="MinUpload" /></div>
            <div><input type="submit" value="提交" /></div>
        </form>
    </body>
    

      

    JS代码:

    <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>
    

      

    控制器代码:

    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);
      
              }
    

      

      

  • 相关阅读:
    迭代器与生成器
    11.30
    函数及装饰器
    C#For循环
    C#变量与数据类型
    C#输入输出
    JDK10新特性--var
    idea插件Lombok使用
    NodeJs操作文件-写入、修改、删除、追加、读取文件内容、判断文件是否存在
    mongodb多条件分页查询(mongoTemplate分页查询)
  • 原文地址:https://www.cnblogs.com/monthv/p/13215216.html
Copyright © 2020-2023  润新知