mvc上传,下载,浏览文件功能(用uploadify插件)

 public class UpLoadFileController : Controller
    {
        //
        // GET: /UpLoadFile/

        public ActionResult Index()
        {
            return View();
        }

        /// <summary>
        /// 上传文件【上传文件到UploadFiles文件夹】
        /// </summary>
        /// <param name="fileData"></param>
        /// <param name="Id"></param>
        /// <returns></returns>
        [AcceptVerbs(HttpVerbs.Post)]
        public ContentResult UpLoadFile(HttpPostedFileBase fileData, String Id)
        {
            ControllerContext.HttpContext.Request.ContentEncoding = Encoding.UTF8;
            ControllerContext.HttpContext.Response.ContentEncoding = Encoding.UTF8;
            ControllerContext.HttpContext.Response.Charset = "UTP-8";

            string filePath = Server.MapPath(@"/UploadFiles");
            if (!Directory.Exists(filePath))
                Directory.CreateDirectory(filePath);
            if (fileData != null)
            {
                string fileSaveName = Path.Combine(filePath, fileData.FileName);
                fileData.SaveAs(fileSaveName);
                return Content("成功");
            }
            return Content("失败");
        }

        /// <summary>
        /// 获取文件【下载】
        /// </summary>
        /// <param name="id">文件名</param>
        /// <returns></returns>
        public FilePathResult GetFile(string id)
        {
            if (string.IsNullOrEmpty(id))
            {
                return null;
            }
            id = id.Replace("__", ".");
            string path = "UploadFiles";
            string filePath = Server.MapPath(@"/" + path);
            string fileSaveName = Path.Combine(filePath, id);
            return File(fileSaveName, "image/*", id);
        }

    }

Index.cshtml

@{
    ViewBag.Title = "上传文件";
}
<script src="~/Content/uploadify/[email protected]"></script>
<link href="~/Content/uploadify/uploadify.css" rel="stylesheet" />

@*上传文件*@
<div>
    <input class="easyui-validatebox" type="hidden" id="Attachment_GUID" name="Attachment_GUID" />
    <input id="file_upload" name="file_upload" type="file" >
   @* <a href="javascript:void(0)" class="easyui-linkbutton" id="btnUpload" data-options="plain:true,iconCls:‘icon-save‘"
        onclick="javascript: $(‘#file_upload‘).uploadify(‘upload‘, ‘*‘)">上传</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" id="btnCancelUpload" data-options="plain:true,iconCls:‘icon-cancel‘"
        onclick="javascript: $(‘#file_upload‘).uploadify(‘cancel‘, ‘*‘)">取消</a>
   <div id="fileQueue" class="fileQueue"></div>*@
     <a href="javascript:void(0)" class="easyui-linkbutton" id="btnBrowse" >浏览</a>
    <div id="div_files">
        <a id="downFile" href="#">下载文件</a>
        <img id="uploadImg" src=""/>
    </div>
    <br />

</div>

@*弹出层*@
@Html.Partial("Contact")

<script>

    $(function () {
        $("#btnBrowse").click(function () {
            PopLayout.Pop($("#uploadImg").attr("src"));
        });

        $("#file_upload").uploadify({
            height: 30,
            width: 120,
            buttonText: "选择",
            multi: false,
            swf: ‘/Content/uploadify/uploadify.swf‘,
            uploader: ‘@Url.Action("UpLoadFile","UpLoadFile")‘,
            onFallback: function () {
                alert("不支持flash");
            },
            onUploadError: function (file, errorCode, errorMsg, errorString) {
                alert("文件" + file.name + "上传失败: " + errorString);
            },
            onUploadSuccess: function (file, data, response) {
                if (true) {
                    //alert(file.name);
                    var id = file.name.replace(".", "__");;
                    $("#downFile").attr("href", "/UpLoadFile/GetFile/" + id);
                    $("#uploadImg").attr("src", "/UploadFiles/" + file.name);
                }
                //alert("文件" + file.name + "上传成功:" + data);
            }
        });
    });

</script>

@Html.Partial("Contact")  嵌入Contact.cshtml文件

请看上篇文章,弹出层:http://www.cnblogs.com/liujinwu-11/p/4334568.html

时间: 2024-10-31 18:07:05

mvc上传,下载,浏览文件功能(用uploadify插件)的相关文章

asp.net mvc上传头像加剪裁功能

正好项目用到上传+剪裁功能,发上来便于以后使用. 我不能告诉你们其实是从博客园扒的前台代码,哈哈. 前端是jquery+fineuploader+jquery.Jcrop 后台是asp.net mvc 4 核心的js调用代码是crop.js和helper文件夹下的ImgHandler.cs 效果图 前台代码 <link href="~/Content/fineuploader.css" rel="stylesheet" /> <link href=

datasnap 上传/下载大文件(本Demo以图传片文件为例)

datasnap 上传/下载大文件(本Demo以图传片文件为例) 作者:admin 来源: 日期:2011-8-17 11:44:51 人气:737 标签: QQ空间 新浪微博 腾讯微博 腾讯朋友 QQ收藏 百度空间 百度贴吧 更多0 好久没写技术文了 datasnap传大流. 完整代码,同时感谢叶兄传流的指点,(只公开十天) 附:下面代码,转载请注明出处 ::code 服务端: function TServerMethods1.DownLoadFile(AfileName: string):

文件上传下载之文件上传

13.1  文件上传 13.1.1  概述 在开发基于Web的应用的时候,经常会碰到需要实现文件上传.下载的功能,比如编辑某个商品,需要给它上传一个图片等等. 不使用Struts2的话,可以有很多种方式来实现文件上传,比如使用Apache的Common-FileUpload等.但是这些传统的方式,实现起来非常麻烦,需要写很多代码来进行控制. 现在使用Struts2来实现文件上传的功能,会更加简单和方便,事实上,Struts2的文件上传功能,默认就是基于Common-FileUpload来实现的,

apache FtpClient上传下载删除文件夹及文件

/* * 文件名:FtpUtil.java * 描述:FTP操作 * 修改时间2014-08-10 */ import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.text.SimpleDateFormat; import jav

Xshell5下利用sftp上传下载传输文件

sftp是Secure File TransferProtocol的缩写,安全文件传送协议.可以为传输文件提供一种安全的加密方法.sftp与 ftp有着几乎一样的语法和功能.SFTP为 SSH的一部分,是一种传输档案至Blogger伺服器的安全方式.其实在SSH软件包中,已经包含了一个叫作SFTP(Secure File Transfer Protocol)的安全文件传输子系统,SFTP本身没有单独的守护进程,它必须使用sshd守护进程(端口号默认是22)来完成相应的连接操作,所以从某种意义上来

PSFTP自动登录SFTP服务器,批量自动上传上传下载指定文件

1.putty官方下载 http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html 下载安装版  putty-0.67-installer.msi 2.安装完成之后,打开putty安装目录,找到PSFTP.EXE,复制到新的文件夹 D:/Download 3.双击打开pstftp.exe,连接Linux服务器 4. 设置下载到windows的本地目录 5.psftp常用命令(操作服务端的文件则是Linux常用命令) lcd+路径

****使用ftp软件上传下载php文件时换行符丢失bug

在使用ftp软件上传下载php源文件时,我们偶尔会发现在本地windows下notepad++编辑器写好的php文件,在使用ftp上传到linux服务器后,php文件的换行符全部丢失了,导致php文件无法正常运行. 这个时候,再次通过ftp软件把刚才上传的php文件下载到本地windows,用notepad++编辑器打开后,发现php源代码变成了一行,换行丢失. 发生这种情况的原因是什么呢?飘易就以一句话概括下:    由于linux下换行是\n,而windows下换行是\r\n,当ftp软件在

使用.net FtpWebRequest 实现FTP常用功能 上传 下载 获取文件列表 移动 切换目录 改名 .

平时根本没时间搞FTP什么的,现在这个项目需要搞FTP,为什么呢,我给大家说下项目背景,我们的一个应用程序上需要上传图片,但是用户部署程序的服务器上不让上传任何东西,给了我们一个FTP账号和密码,让我们把图片保存到另一台所谓的文件服务器上面. 建立ftp通信,写入文件流,ok ,  但是显示的时候就麻烦了,不能直接写<img src = "ftp://121.131.131.1" />这样的代码啊,因为这样写的话,你浏览的时候还要登陆Ftp账户,每次都要弹出一个用户登陆框,

spring mvc上传下载文件

前端jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName(

java 通过sftp服务器上传下载删除文件

最近做了一个sftp服务器文件下载的功能,mark一下: 首先是一个SftpClientUtil 类,封装了对sftp服务器文件上传.下载.删除的方法 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.InputStream; import java.util.ArrayList; import java.util.Iterator; impor