zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    JZ36 两个链表的第一个公共结点
    程序员的表达能力
    Git学习(2)-使用Git 代码将本地文件提交到 GitHub
    初识模块
    三元表达式、递归、匿名函数
    CSRF
    XSS前置课程--同源策略
    XSS
    SQL注入基础入门
    Linux下ettercap的安装,make安装软件步骤
  • 原文地址:https://www.cnblogs.com/lvrocky/p/3318606.html
Copyright © 2011-2022 走看看