MVC无刷新上传图片并显示

@{
    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";
            }  
           
        }

MVC无刷新上传图片并显示,布布扣,bubuko.com

MVC无刷新上传图片并显示

上一篇:Web前端学习网站


下一篇:ASP.NET MVC IOC 之Ninject攻略