c#：mvc中jquery上传图片

最新推荐文章于 2022-10-18 14:36:47 发布

鳞林

最新推荐文章于 2022-10-18 14:36:47 发布

阅读量598

点赞数 1

文章标签：图片上传

本文链接：https://blog.csdn.net/weixin_43737791/article/details/98480695

版权

C# 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

mvc

4 篇文章 0 订阅

订阅专栏

上传

1 篇文章 0 订阅

订阅专栏

view：

<body>
     <input type="file" class="ajax_file_upload" />
</body>

Js：//引用jquery.js，，，版本最新的把！！！

<script>
    $(function () {
        $("body").on("change", ".ajax_file_upload", function () {
            var data_ajax = "/Home/UpImages";
            var formdata = new FormData();//用form 表单直接 构造formData 对象;
            formdata.append("upfile", $(this)[0].files[0]);
            $.ajax({
                url: data_ajax,
                type: 'POST',
                cache: false,
                async: false,
                data: formdata,
                processData: false, 
                contentType: false, 
            }).done(function (data) {
                if (data.error==0) {
                   //.......
                } else {
                   //.......
                }
            }).fail(function (res) {
            });
        });
    });
</script>

Controller：

public class HomeController : Controller
{
        
        public ActionResult Index()
        {
            return View();
        }

        #region 上传图片
        /// <summary>
        /// 
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        public ActionResult UpImages()
        {
            Hashtable hash = new Hashtable();
            try
            {
                if (Request.Files.Count == 0)
                    throw new Exception("请选择文件");
                System.Web.HttpPostedFileBase fileData = Request.Files[0];
                if (fileData == null)
                    throw new Exception("请选择文件");

                string sExtensionName = Path.GetExtension(fileData.FileName);

                if (sExtensionName.ToLower() != ".gif" && sExtensionName.ToLower() != ".jpg" && sExtensionName.ToLower() != ".jpeg" &&
                       sExtensionName.ToLower() != ".png")
                {
                    hash["error"] = 1;
                    hash["message"] = "上传文件不为图片!";
                }
                else
                {
                    var folderpath = "/ewmPic/photos/" + DateTime.Now.ToString("yyyy-MM") + "/";
                    var sSaveFile = Server.MapPath(folderpath);
                    
                    //创建文件夹
                    if (!System.IO.Directory.Exists(sSaveFile))
                       System.IO.Directory.CreateDirectory(sSaveFile);

                    Random rd = new Random();

                    string sFileName = Guid.NewGuid().ToString("N") + rd.Next(10000, 99999).ToString() + sExtensionName;
                    string sSaveName = sSaveFile + sFileName;

                    string sResultPath = folderpath + sFileName;
                    fileData.SaveAs(sSaveName);

                    hash["error"] = 0;
                    hash["url"] = sResultPath;
                    hash["tit"] = "暂无描述";
                }
            }
            catch (Exception message)
            {
                hash["error"] = 1;
                hash["message"] = message.Message;
            }
            return Json(hash, "text/html; charset=UTF-8", JsonRequestBehavior.AllowGet);
        }
        
        #endregion
}

鳞林

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
c#：mvc中jquery上传图片

view：<body> <input type="file" class="ajax_file_upload" /></body>Js：//引用jquery.js，，，版本最新的把！！！<script> $(function () { $("body").on("change", ".ajax_file_u...
复制链接

扫一扫