ASP.NET MVC 圖片上傳
阿新 • • 發佈:2019-02-05
author: Yeshen
time:2016.11.11
http://blog.csdn.net/yeshennet
可以這樣做:
在程式碼目錄下新建upload資料夾
Controller:
A、用html + js[HttpPost] public void Upload(HttpPostedFileBase img) { Dictionary<string, object> result = new Dictionary<string, object>(); try { img.SaveAs(Server.MapPath("~/upload/" + System.IO.Path.GetFileName(img.FileName))); result["path"] = "/upload/" + System.IO.Path.GetFileName(img.FileName); } catch (Exception ex) { result["error"] = ex.Message; } this.HttpContext.Response.Write(new JavaScriptSerializer().Serialize(result)); }
<form id="myForm" style="padding:20px;" action="Upload" method="post" enctype="multipart/form-data"></form>
<input name="img" style="width:350px;height:25px;" size="38" type="file" form="myForm" />
document.getElementById("myForm").submit();
B、只用HTML
<form id="myForm" style="padding:20px;" action="Upload" method="post" enctype="multipart/form-data"> <input name="img" style="width:350px;height:25px;" size="38" type="file"/><input type="submit" value="上傳"/> </form>
C、或者B+js
js:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> <script> // wait for the DOM to be loaded $(document).ready(function() { // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { alert("succee"); }); }); </script>
執行效果: