JQuery上传插件Uploadify MVC3 上传图片

首先引入这两个

<script src="@Url.Content("~/uploadify/jquery.uploadify.js")" type="text/javascript"></script><link href="@Url.Content("~/uploadify/uploadify.css")" rel="stylesheet" type="text/css" />

下载地址 http://download.csdn.net/detail/qq931121347/6815115

上传的JS·

$(document).ready(function () {    $('#file1').uploadify({        auto: true,        buttonText: '选择图片',        swf: '@Url.Content("~/uploadify/uploadify.swf")',        uploader: 'uploadFile',        fileTypeDesc: '图片文件(*.jpg,*.png,*.gif)',        fileTypeExts: '*.jpg;*.png;*.gif',        onUploadSuccess: function (file, data, response) { $("#picname").val(data); $("#pic").attr("src", "/uploadfile/images/" + data); }    });});</script>

上传控件
  <input type="file" name="file1" id="file1"/>

隐藏域

 <input id="picname" name="picname" type="hidden" /><br />

预览

  <img id="pic" src="" height="150px;" width="150px" />

Controller

 #region 上传图片        [AcceptVerbs(HttpVerbs.Post)]        public ActionResult uploadFile(HttpPostedFileBase FileData)        {            string filename = Guid.NewGuid().ToString("N") + Path.GetExtension(FileData.FileName);            string folder = Server.MapPath("/uploadfile/images/");            if (null != FileData)            {                try                {                    string fullPathname = Path.Combine(folder, filename);                    saveFile(FileData, folder, filename);                }                catch (Exception ex)                {                    filename = ex.ToString();                }            }            return Content(filename);        }        #endregion