页面代码:

<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. SpringMVC 的Model值传到JSP页面中,用EL表达试取不到值

    解决方案 在jsp文件头 <%@ page isELIgnored="false" %>

  2. Java GC日志

    JVM 命令:-Xms5m -Xmx20m -XX:+PrintGCDetails -XX:+PrintCommandLineFlags -XX:+UseSerialGC [GC (Allocatio ...

  3. 【7.10校内test】T1高级打字机

    [题目链接luogu] 这是T1,但是是神仙T1: 对于前100%的数据很好写,直接数组模拟就可以了: (当然也有栈模拟的,据说有模拟炸了的) //50pts#include<bits/stdc ...

  4. 深度学习之depthwise separable convolution,计算量及参数量

    目录: 1.什么是depthwise separable convolution? 2.分析计算量.flops 3.参数量 4.与传统卷积比较 5.reference

  5. NSString用法,object-C数组以及字符串拼接和分割

    一.介绍使用NSString创建一个字符串的代码如下: #import <Foundation/Foundation.h>int main (int argc, char *argv[]) ...

  6. apachectl 命令详解-graceful 不中断原有连接,重新启动 Apache 服务器

    apachectl(Apache control interface) 参         数: fullstatus     显示服务器完整的状态信息. graceful     重新启动 Apac ...

  7. MongoDB入门_MongoDB安装与配置

    MongoDB运行环境 MongoDB环境:CentOS-6.7-i386 MongoDB版本:MongoDB 2.6.5 ssh工具:xshell 文本编辑工具:vim与editplus++ 编译M ...

  8. 4Linux 终端命令格式

    Linux 终端命令格式 转自 目标 了解终端命令格式 知道如何查阅终端命令帮助信息 01. 终端命令格式 command [-options] [parameter] 说明: command:命令名 ...

  9. npm 在安装的时候提示 没有权限操作的解决办法 Error: EACCES: permission denied

    十分感谢https://blog.csdn.net/ldqsxsl/article/details/75059607的帮助! 错误原因:权限错误,需要root用户. 解决办法:就是把用户目录下的 .n ...

  10. C++ GUI Qt4学习笔记07

    C++ GUI Qt4   qtc++scrollobject编程 事件(event)是由串口系统或者Qt自身产生的,用以响应所发生的各类事情.当用户按下或者松开键盘或者鼠标上的按键时,就可以产生一个 ...