MVC无刷新上传图片并显示
2014-07-18 14:06
274 查看
@{ 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(" <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> <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 3 文件上传 (此处用于上传图片即使显示)
- asp.net mvc 2.0 简单的上传图片到数据库和显示图片
- springmvc ajax无刷新图片上传
- 不刷新页面实现图片上传,并在指定位置显示
- Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现
- asp.net mvc 2.0 简单的上传图片到数据库和显示图片
- MVC应用程序显示上传的图片(续)
- MVC应用程序显示上传的图片
- 不刷新,点击上传图片,传完图片后,这个页面即刻显示图片?
- MVC 通过ajaxSubmit上传图片并显示
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- MVC应用程序显示上传的图片
- 【ASP.NET 进阶】图片自动上传和局部刷新显示
- MVC应用程序显示上传的图片(续)
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图<原创>
- ASP.NET MVC图片管理(上传,预览与显示)
- 无刷新上传图片(asp.net mvc)