Jquery Uploadify多文件上传带进度条且传递自己的参数
更新时间：2013年08月28日 15:42:50 作者：
Jquery Uploadify多文件上传带进度条且传递自己的参数，具体实现如下，需要的朋友可以学习下
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Jquery Uploadify上传带进度条，且多参数</title>
<link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径
'script': 'UploadHandler.ashx', //处理文件上传的后台脚本的路径
'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',
'folder': 'UploadFile/<% = DateTime.Now.ToString("yyyyMMdd") %>', //上传文件夹的路径按20130416
'queueID': 'fileQueue', //页面中，你想要用来作为文件队列的元素的id
'auto': false, //当文件被添加到队列时，自动上传
'multi': true, //设置为true将允许多文件上传
'fileExt': '*.jpg;*.gif;*.png', //允许上传的文件后缀
'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在浏览窗口底部的文件类型下拉菜单中显示的文本
'sizeLimit': 102400, //上传文件的大小限制，单位为字节 100k
'onAllComplete': function (event, data) { //当上传队列中的所有文件都完成上传时触发
alert(data.filesUploaded + ' 个文件上传成功!');
}
});
});
function uploadpara() {
//自定义传递参数
$('#uploadify').uploadifySettings('scriptData', { 'name': $('#txtName').val(), 'albums': $('#txtAlbums').val() });
$('#uploadify').uploadifyUpload();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户名：<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br/>
相册名：<asp:TextBox ID="txtAlbums" runat="server"></asp:TextBox>
</div>
</form>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:void(0);" onclick="uploadpara();">上传</a>|
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
</p>
</body>
</html>
复制代码 代码如下:
<%@ WebHandler Language="C#" Class="UploadHandler" %>
using System;
using System.Web;
using System.IO;
/// <summary>
/// UploadHandler文件上传
/// </summary>
public class UploadHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";
HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);
string name = context.Request.Params["name"]; //获取传递的参数
string albums = context.Request.Params["albums"];
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
file.SaveAs(Path.Combine(uploadPath, file.FileName));
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
相关文章
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
这篇文章主要介绍了jQuery mobile的header和footer在点击屏幕的时候消失的解决办法，通过给header和footer添加 data-position="fixed" 和 data-tap-toggle="false"完成此功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-07-07
Bootstrap是最流行的前端开发框架。本文涉及到bootstrap的特性介绍，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
下面小编就为大家分享一篇jquery在启动页面时,自动加载数据的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
下面小编就为大家带来一篇jQuery选择器之表单对象属性筛选选择器实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了jQuery实现点击图标div循环放大缩小功能,这是一个很常见很基础的功能，下面小编通过实例代码给大家介绍，需要的朋友可以参考下2018-09-09
这篇文章主要介绍了对于jQuery性能的一些优化建议,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下2015-08-08
jQuery Easyui datagrid editor为combobox时指定数据源实例
当在datagrid行内部应用添加编辑操作时，引入combobox是非常方便的操作，这篇文章主要介绍了jQuery Easyui datagrid editor为combobox时指定数据源实例，有兴趣的可以了解一下。2016-12-12
jquery库给我们带来了很多方便的地方，使用jquery实现一个简单的下拉菜单已经是很简单了，但也有不同的实现方法。今天自己使用jquery写了一个下拉菜单，参考了Xiaofeng Wang的SexyDropDownMenu2010，其中还是有一些东西感觉值得记录一下。2015-11-11
这篇文章主要介绍了JQuery做的一个简单的点灯游戏分享,点灯游戏是一个十分有趣的智力游戏,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery实现的超链接提示效果,结合实例形式对比分析了jQuery实现的带有loading动态图效果的提示文字以及默认提示文字显示效果,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-09-09
最新评论