asp.net使用jQuery Uploadify上传附件示例
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuery Uploadify在ASP.NET MVC3中的使用 和 Asp.net Mvc中使用uploadify实现图片缩放保存。
本文是一个简单的介绍Demo,主要是动态传递参数方法:通过formdata 向处理程序传递额外的表单数据:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="uploadify/uploadify.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="uploadify/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function () {
var taskId = "<%= TaskID %>";
var activityId = "<%= ActivityId %>";
var userId = "<%= GetCurrentLoginUser().ID %>";
$("#<%=FileUpload1.ClientID %>").uploadify(
{
'swf': 'uploadify/uploadify.swf',
'uploader': 'UploadHandler.aspx',
'auto': false,
'method': 'post',
'multi': true,
'buttonText': '浏览',
'buttonImg': 'uploadify/browse.jpg',
'folder': '../uploadfile',
'fileDesc': '附件',
'onUploadStart': function (event, data) { //this is where you will send the form //data, but remember to get if from post in the .ashx file, by contex.Request["gallaryId"]
$("#<%=FileUpload1.ClientID %>").uploadify('settings', 'formData',
{ 'taskId': taskId, 'activityId': activityId, 'userId': userId, 'secInfo': $("#<%=ddlsecInfo.ClientID %>").val()} //note hiddenGallaryId would //have the gallaryId which im sending through post , make sure it is rendered in your page( //i.e.not concealed by a multiview control e.t.c)
);
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:DropDownList ID="ddlsecInfo" runat="server">
<asp:ListItem Text="公开" Value="1"> </asp:ListItem>
<asp:ListItem Text="普通" Value="2"> </asp:ListItem>
<asp:ListItem Text="机密" Value="3"> </asp:ListItem>
</asp:DropDownList>
<a href="javascript: $('#<%=FileUpload1.ClientID %>').uploadify('upload','*')">上传</a>
<a href="javascript:$('#<%=FileUpload1.ClientID %>').uploadify('cancel','*')">取消上传</a>
</form>
</body>
</html>
相关文章
jquery插件uploadify实现带进度条的文件批量上传
这篇文章主要介绍了jquery插件uploadify实现带进度条的文件批量上传,感兴趣的小伙伴们可以参考一下...2015-12-14- Uploadify是一款比较有人气的页面上传插件,Uploadify使用简单而且可定制性较高,接下来我们就一起来看下这款基于jQuery的Web上传插件Uploadify使用示例...2016-05-20
- 本篇文章主要介绍了Javascript使用uploadify来实现多文件上传,具有一定的参考价值,有需要的可以了解一下。 ...2016-11-22
jQuery uploadify在谷歌和火狐浏览器上传失败的解决方案
jquery.uploadify插件是一个基于jquery来实现上传的,这个插件很好用,每一次向后台发送数据流请求时,ie会自动把本地cookie存储捆绑在一起发送给服务器。但firefox、chrome不会这样做,他们会认为这样不安全,下面介绍下jQuery uploadify上传失败的解决方案...2020-06-25- IIS6 默认允许的附件最大上传大小为4M,在IIS7之前,当我们需要扩大这个上传限制时可以在web.config中做下配置在使用IIS7后,除了进行以上配置外,还需要注意到一下操作步骤,感兴趣的朋友可以了解下...2016-01-27
asp.net使用jQuery Uploadify上传附件示例
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示,本文是一个简单的介绍Demo,主要是动态传递参数方法,通过formdata 向处理程序传递额外的表单数据...2021-09-22- 这篇文章主要为大家详细介绍了asp.net uploadify实现多附件上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
ASP.NET MVC4 利用uploadify.js多文件上传
本文主要介绍了ASP.NET MVC4利用uploadify.js实现多文件上传的方法代码。具有很好的参考价值。下面跟着小编一起来看下吧...2021-09-22- 这篇文章主要为大家详细介绍了ASP.NET文件上传控件Uploadify的使用方法,感兴趣的小伙伴们可以参考一下...2021-09-22
解决uploadify使用时session发生丢失问题的方法
这篇文章主要为大家详细介绍了uploadify使用时发现session发生丢失问题的解决方法,遇到过类似问题的朋友可以参考本文进行解决...2021-09-22基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用
这篇文章主要介绍了基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用,需要的朋友可以参考下...2021-09-22ASP.NET插件uploadify批量上传文件完整使用教程
这篇文章主要为大家详细介绍了ASP.NET插件uploadify批量上传文件完整使用教程,感兴趣的小伙伴们可以参考一下...2021-09-22jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
本文给大家介绍jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法,涉及到uploadify上传错误302相关问题,对本文感兴趣的朋友一起看看吧...2015-12-14- 这篇文章主要为大家详细介绍了ASP.NET文件上传控件Uploadify的使用方法,感兴趣的小伙伴们可以参考一下...2021-09-22
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
这篇文章主要介绍了解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法,需要的朋友可以参考下...2015-12-21asp.net(c#)开发中的文件上传组件uploadify的使用方法(带进度条)
在asp.net开发中,有很多可以上传的组件模块,利用HTML的File控件(uploadify)的上传也是一种办法,这里为大家介绍一下(uploadify)的一些使用方法...2021-09-22- 如何更改帝国CMS上传附件名为源文件名+随机码原文件名为 测试下载.rar上传后,自动更名为 测试下载_9df430c26057400fca4a07bec9db3b62.rar上传以下图片:修改方法:第一...2015-12-30