页面代码:

<div id="fileQueuePlug"></div>
<input type="file" name="uploadifyplug" id="uploadifyplug" />
<a href="javascript:$('#uploadifyplug').uploadifyUpload();">上传</a> <input id="windowspathplug" type="hidden" value="" /> 脚本加载ckeditor插件并提交: $(function () {
$("#uploadifyplug").uploadify({
'uploader': '/Scripts/uploadify/uploadify.swf',
'script': '/ToolsAndPlug/UploadImage',
'cancelImg': '/Scripts/uploadify/uploadify-cancel.png',
'folder': '/Image/Uploads/ToolsOrPlug',
'queueID': 'fileQueuePlug',
'auto': false,
'multi': false,///设置true可实现多条上传
'fileExt': '*.jpg;*.png;*.jpeg;*.gif;*.bmp',
'fileDesc': '请选择图片类型文件',
'sizeLimit': 1024 * 1024 * 10,
'onSelect': function (e, queueId, fileObj) {
$("#uploadifyplug").uploadifySettings('scriptData', { 'windowspathjs': $("#windowspathplug").val() });
},
'onComplete': fun
});
});
function fun(event, queueId, fileObj, response, data) {
if (response != "") {
$.messager.show({
title: '提示',
msg: '上传成功',
timeout: 5000,
showType: 'slide'
});
var displaypath;
var windowspath;
var arr = new Array();
arr = response.split("|");
displaypath = arr[0];
windowspath = arr[1];
$("#plugortoolsimage").attr("value", displaypath);
$("#windowspathplug").attr("value", windowspath);
}
else {
$.messager.show({
title: '提示',
msg: '上传失败',
timeout: 5000,
showType: 'slide'
});
}
}
C#页面:

public ContentResult UploadImage(HttpPostedFileBase FileData, string folder, string windowspathjs = "")
{
///验证图片是否存在进行覆盖操作
if (windowspathjs != "")
{
if (System.IO.File.Exists(windowspathjs))
{
System.IO.File.Delete(windowspathjs);
}
}
///定义变量拼接图片的相对路径
string response = "";
///定义变量存储物理路径
string windowspath = "";
if (FileData != null)
{
///获取上传文件的后缀名
string fileExtension = Path.GetExtension(FileData.FileName);
///为上传的文件取新的名字含后缀
string buildName = DateTime.Now.ToString("yyyyMMddhhmmss") + fileExtension;
///生产文件存放的物理路径
string savepath = Request.MapPath("~" + folder + "/");
///检查物理路径是否存在,不存在则创建
if (!Directory.Exists(savepath))
{
Directory.CreateDirectory(savepath);
}
///拼接完成的文件物理路径含文件名
windowspath = savepath + buildName;
///保存文件
FileData.SaveAs(windowspath);
///拼接相对路径
response = "../.." + folder + "/" + buildName;
}
return Content(response + "|" + windowspath);
}

uploadify加ASP.NET MVC3.0上传文件(可多条)的更多相关文章

  1. asp.net mvc 实现上传文件带进度条

    本文乃是博主早期写的,此种思路虽然实现了,但固然不是最好的,仅做参考学习. 可以用js onprogress .fileinput .webuploader.jq ajaxsubmit等实现 思路:a ...

  2. ASP.NET Jquery+ajax上传文件(带进度条)

    效果图 支持ie6+,chrome,ie6中文文件名会显示乱码. 上传时候会显示进度条. 需要jquery.uploadify.js插件,稍后会给出下载 前台代码 <%@ Page Langua ...

  3. 前端AngularJS后端ASP.NET Web API上传文件

    本篇体验使用AngularJS向后端ASP.NET API控制器上传文件.    首先服务端: public class FilesController : ApiController { //usi ...

  4. asp.net限制了上传文件大小为..M,解决方法

    asp.net限制了上传文件大小为4M,在:在web.config里加下面一句,加在<System.web></System.web>之间如下:<system.web&g ...

  5. Servlet学习:(三)Servlet3.0 上传文件

    转: Servlet学习:(三)Servlet3.0 上传文件 2018年08月03日 11:57:58 iDark_CSDN 阅读数:362   一.注意事项 客户端(浏览器) 表单的提交方法必须是 ...

  6. ASP.NET跨服务器上传文件的相关解决方案

    第一种:通过FTP来上传文件 首先,在另外一台服务器上设置好FTP服务,并创建好允许上传的用户和密码,然后,在ASP.NET里就可以直接将文件上传到这台 FTP 服务器上了.代码如下: <%@ ...

  7. ASP.NET使用FileUpload上传文件

    前台代码: <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID=&q ...

  8. .Net core3.0 集成swagger5.0上传文件

    .Net core 3.0已经更新了,相信有挺多博主大佬们都更新了如何在.Net core3.0使用swagger,这里就不详细说了. 我们知道,如果.net core 2.x使用swagger上传文 ...

  9. 在asp.net 中怎样上传文件夹

    以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传  ...

随机推荐

  1. sql query执行的顺序

    第一, from,  选择或者join多个表得到基础数据表,所以,联结是第一步要执行的操作,它在获取最基础的数据表: 第二,where,过滤掉基础数据表中不符合条件的行,得到后续操作的数据表: 第三, ...

  2. Labview 错误1400-打包库封装类时将对类重命名导致

    现象 今天遇到了一个神奇的BUG,主程序调用了一个包含类的打包库,打包库中将字符串还原为类句柄时报错. 调用程序结构如下:. 主程序中将类句柄转化为XML字符串程序如下: 打包库内将字符串还原为句柄程 ...

  3. 使用CSDN-markdown编辑器粘贴代码块时崩溃问题解决

    原因:代码段换行符失效,所有代码一行显示 解决方法:使用Chrome浏览器即可解决(使用Microsoft Edge会出现此问题) 效果展示: # _*_ coding:utf-8 _*_ impor ...

  4. Windows系统如何安装Redis

    转自 http://blog.csdn.net/lamp_yang_3533/article/details/52024744 一.Redis的下载地址 Redis官方并没有提供Redis的windo ...

  5. 出去就餐并且理解Express.js的基本知识

    Going out to eat and understanding the basics of Express.js出去就餐并且理解Express.js的基本知识 原文:Going out to e ...

  6. mysql两种备份方法总结:mysqldump 和 xtrabackup

    mysqldump工具基本使用 1. mysqldump [OPTIONS] database [tables…] 还原时库必须存在,不存在需要手动创建     --all-databases: 备份 ...

  7. unittest加载用例

    diascover加载测试用例 1.discover方法里面有三个参数: -case_dir:这个是待执行用例的目录. -pattern:这个是匹配脚本名称的规则,test*.py意思是匹配test开 ...

  8. mybatis报错(三)报错Result Maps collection does not contain value for java.lang.Integer解决方法

    转自:https://blog.csdn.net/zengdeqing2012/article/details/50978682 1 [WARN ] 2016-03-25 13:03:23,955 - ...

  9. Java8 将List转变为逗号分隔的字符串

    import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; public class Tes ...

  10. Jenkins用户授予root权限

    Jenkins用户授予root权限   由于需要在jenkins中执行shell脚本,但是有些目录下没有权限,下面的操作为jenkins用户授予root权限.   jenkins用户加入到root组 ...