MVC3无刷新上传图片并显示

@{
    ViewBag.Title = "Home Page";
}
<script src="../../Scripts/swfobject.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.uploadify.v2.1.4.js" type="text/javascript"></script>
<link href="../../Content/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#uploadify").uploadify({
            'uploader': '/content/uploadify.swf',
            'script': '/Home/Upload',
            'cancelImg': '/content/cancel.png',
            'folder': 'UploadFile',
            'queueID': 'fileQueue',
            'auto': false,
            'multi': true,
            'onComplete': function (event, ID, fileObj, response, data) {

                $('#div_img').after("&nbsp;&nbsp;&nbsp;<img src=" + response + " alt='' height='100' width='100' />")

            }
        });
    });  
</script>
<div id="div_img">
</div>
<div>
    <div id="fileQueue" style="text-align: center">
    </div>
    <input type="file" name="uploadify" id="uploadify" />
    <p>
        <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>&nbsp; <a href="javascript:$('#uploadify').uploadifyClearQueue()">
            取消上传</a>
    </p>
</div>
        public string Upload(FormContext from)
        {
            var file = Request.Files["Filedata"];
            string uploadPath = Server.MapPath("~/images/");
            string url = "/images/" + file.FileName;
            if (file != null)
            {                
                file.SaveAs(uploadPath + file.FileName);
             
                return url;//返回保存的地址
            }
            else
            {
                return "0";
            }  
           
        }

使用的是uploadify插件

附源码下载:http://pan.baidu.com/share/link?shareid=1162605581&uk=1812186276

posted @ 2013-09-13 10:36  luosuo  阅读(2832)  评论(1编辑  收藏  举报