• 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";
                }  
               
            }
  • 相关阅读:
    北京集训:20180325
    北京集训:20180323
    北京集训:20180321
    北京集训:20180320
    Bzoj5209[Tjoi2012]防御:姿势题
    北京集训:20180318
    北京集训:20180316
    北京集训:20180314
    北京集训:20180313
    Bzoj4818:生成函数 快速幂
  • 原文地址:https://www.cnblogs.com/sky-net/p/3853391.html
Copyright © 2020-2023  润新知