急！急！急！

annekay 2010-11-01 10:21:35
谁有ASP.NET上传视频，并且显示进度，还能观看视频的源码。万分感谢！
...全文
309 28 打赏 收藏 转发到动态 举报
写回复
用AI写文章
28 条回复
切换为时间正序
请发表友善的回复…
发表回复
fellowcheng 2010-11-02
  • 打赏
  • 举报
 回复
[Quote=引用 25 楼 annekay 的回复:]

引用 24 楼 fellowcheng 的回复:
已经发了个示例到你邮箱

谢谢了，你的例子怎么只能上传小于1M的视频呀
在配置文件里面好像找不到<appSetting>
如何能上传大一点的视频啊 万分感谢
[/Quote]
你自己添加个配置节吧
annekay 2010-11-02
  • 打赏
  • 举报
 回复
感谢各位，万分感谢。
IHandler 2010-11-01
  • 打赏
  • 举报
 回复
上传参考
annekay 2010-11-01
  • 打赏
  • 举报
 回复
9L的大哥，我先看看能不能用，好用的话，分不会少 谢谢了
fellowcheng 2010-11-01
  • 打赏
  • 举报
 回复 


[code=C#]<%@ WebHandler Language="c#" Class="File_WebHandler" Debug="true" %>



using System;

using System.Web;

using System.IO;



public class File_WebHandler : IHttpHandler

{    

    private const int UploadFileLimit = 3;//上传文件数量限制

	

    private string _msg = "上传成功！";//返回信息



    public void ProcessRequest(HttpContext context)

    {

        int iTotal = context.Request.Files.Count;



        if (iTotal == 0)

        {

            _msg = "没有数据";

        }

        else

        {

            int iCount = 0;



            for (int i = 0; i < iTotal; i++)

            {

                HttpPostedFile file = context.Request.Files[i];



                if (file.ContentLength > 0 || !string.IsNullOrEmpty(file.FileName))

                {

                    //保存文件

                    file.SaveAs(System.Web.HttpContext.Current.Server.MapPath("./file/" + Path.GetFileName(file.FileName)));



                    //这里可以根据实际设置其他限制

                    if (++iCount > UploadFileLimit)

                    {

                        _msg = "超过上传限制：" + UploadFileLimit;

                        break;

                    }

                }

            }

        }

        context.Response.Write("<script>window.parent.Finish('" + _msg + "');</script>");

    }



    public bool IsReusable

    {

        get

        {

            return false;

        }

    }

}
[/code]
fellowcheng 2010-11-01
  • 打赏
  • 举报
 回复 
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>仿163网盘无刷新文件上传系统</title>

</head>

<body>

<style>

.fu_list {

	width:600px;

	background:#ebebeb;

	font-size:12px;

}

.fu_list td {

	padding:5px;

	line-height:20px;

	background-color:#fff;

}

.fu_list table {

	width:100%;

	border:1px solid #ebebeb;

}

.fu_list thead td {

	background-color:#f4f4f4;

}

.fu_list b {

	font-size:14px;

}

/*file容器样式*/

a.files {

	width:90px;

	height:30px;

	overflow:hidden;

	display:block;

	border:1px solid #BEBEBE;

	background:url(img/fu_btn.gif) left top no-repeat;

	text-decoration:none;

}

a.files:hover {

	background-color:#FFFFEE;

	background-position:0 -30px;

}

/*file设为透明，并覆盖整个触发面*/

a.files input {

	margin-left:-350px;

	font-size:30px;

	cursor:pointer;

	filter:alpha(opacity=0);

	opacity:0;

}

/*取消点击时的虚线框*/

a.files, a.files input {

	outline:none;/*ff*/

	hide-focus:expression(this.hideFocus=true);/*ie*/

}

</style>

<form id="uploadForm" action="File.ashx">

  <table border="0" cellspacing="1" class="fu_list">

    <thead>

      <tr>

        <td colspan="2"><b>上传文件</b></td>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td align="right" width="15%" style="line-height:35px;">添加文件：</td>

        <td><a href="javascript:void(0);" class="files" id="idFile"></a> <img id="idProcess" style="display:none;" src="img/loading.gif" /></td>

      </tr>

      <tr>

        <td colspan="2"><table border="0" cellspacing="0">

            <thead>

              <tr>

                <td>文件路径</td>

                <td width="100"></td>

              </tr>

            </thead>

            <tbody id="idFileList">

            </tbody>

          </table></td>

      </tr>

      <tr>

        <td colspan="2" style="color:gray">温馨提示：最多可同时上传 <b id="idLimit"></b> 个文件，只允许上传 <b id="idExt"></b> 文件。 </td>

      </tr>

      <tr>

        <td colspan="2" align="center" id="idMsg"><input type="button" value="开始上传" id="idBtnupload" disabled="disabled" />

             

          <input type="button" value="全部取消" id="idBtndel" disabled="disabled" />

        </td>

      </tr>

    </tbody>

  </table>

</form>

<script type="text/javascript">



var isIE = (document.all) ? true : false;



var $ = function (id) {

    return "string" == typeof id ? document.getElementById(id) : id;

};



var Class = {

  create: function() {

    return function() {

      this.initialize.apply(this, arguments);

    }

  }

}



var Extend = function(destination, source) {

	for (var property in source) {

		destination[property] = source[property];

	}

}



var Bind = function(object, fun) {

	return function() {

		return fun.apply(object, arguments);

	}

}



var Each = function(list, fun){

	for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }

};



//文件上传类

var FileUpload = Class.create();

FileUpload.prototype = {

  //表单对象，文件控件存放空间

  initialize: function(form, folder, options) {

	

	this.Form = $(form);//表单

	this.Folder = $(folder);//文件控件存放空间

	this.Files = [];//文件集合

	

	this.SetOptions(options);

	

	this.FileName = this.options.FileName;

	this._FrameName = this.options.FrameName;

	this.Limit = this.options.Limit;

	this.Distinct = !!this.options.Distinct;

	this.ExtIn = this.options.ExtIn;

	this.ExtOut = this.options.ExtOut;

	

	this.onIniFile = this.options.onIniFile;

	this.onEmpty = this.options.onEmpty;

	this.onNotExtIn = this.options.onNotExtIn;

	this.onExtOut = this.options.onExtOut;

	this.onLimite = this.options.onLimite;

	this.onSame = this.options.onSame;

	this.onFail = this.options.onFail;

	this.onIni = this.options.onIni;

	

	if(!this._FrameName){

		//为每个实例创建不同的iframe

		this._FrameName = "uploadFrame_" + Math.floor(Math.random() * 1000);

		//ie不能修改iframe的name

		var oFrame = isIE ? document.createElement("<iframe name=\"" + this._FrameName + "\">") : document.createElement("iframe");

		//为ff设置name

		oFrame.name = this._FrameName;

		oFrame.style.display = "none";

		//在ie文档未加载完用appendChild会报错

		document.body.insertBefore(oFrame, document.body.childNodes[0]);

	}

	

	//设置form属性，关键是target要指向iframe

	this.Form.target = this._FrameName;

	this.Form.method = "post";

	//注意ie的form没有enctype属性，要用encoding

	this.Form.encoding = "multipart/form-data";



	//整理一次

	this.Ini();

  },

  //设置默认属性

  SetOptions: function(options) {

    this.options = {//默认值

		FileName:	"",//文件上传控件的name，配合后台使用

		FrameName:	"",//iframe的name，要自定义iframe的话这里设置name

		onIniFile:	function(){},//整理文件时执行(其中参数是file对象)

		onEmpty:	function(){},//文件空值时执行

		Limit:		0,//文件数限制，0为不限制

		onLimite:	function(){},//超过文件数限制时执行

		Distinct:	true,//是否不允许相同文件

		onSame:		function(){},//有相同文件时执行

		ExtIn:		[],//允许后缀名

		onNotExtIn:	function(){},//不是允许后缀名时执行

		ExtOut:		[],//禁止后缀名，当设置了ExtIn则ExtOut无效

		onExtOut:	function(){},//是禁止后缀名时执行

		onFail:		function(){},//文件不通过检测时执行(其中参数是file对象)

		onIni:		function(){}//重置时执行

    };

    Extend(this.options, options || {});

  },

  //整理空间

  Ini: function() {

	//整理文件集合

	this.Files = [];

	//整理文件空间，把有值的file放入文件集合

	Each(this.Folder.getElementsByTagName("input"), Bind(this, function(o){

		if(o.type == "file"){ o.value && this.Files.push(o); this.onIniFile(o); }

	}))

	//插入一个新的file

	var file = document.createElement("input");

	file.name = this.FileName; file.type = "file"; file.onchange = Bind(this, function(){ this.Check(file); this.Ini(); });

	this.Folder.appendChild(file);

	//执行附加程序

	this.onIni();

  },

  //检测file对象

  Check: function(file) {

	//检测变量

	var bCheck = true;

	//空值、文件数限制、后缀名、相同文件检测

	if(!file.value){

		bCheck = false; this.onEmpty();

	} else if(this.Limit && this.Files.length >= this.Limit){

		bCheck = false; this.onLimite();

	} else if(!!this.ExtIn.length && !RegExp("\.(" + this.ExtIn.join("|") + ")$", "i").test(file.value)){

		//检测是否允许后缀名

		bCheck = false; this.onNotExtIn();

	} else if(!!this.ExtOut.length && RegExp("\.(" + this.ExtOut.join("|") + ")$", "i").test(file.value)) {

		//检测是否禁止后缀名

		bCheck = false; this.onExtOut();

	} else if(!!this.Distinct) {

		Each(this.Files, function(o){ if(o.value == file.value){ bCheck = false; } })

		if(!bCheck){ this.onSame(); }

	}

	//没有通过检测

	!bCheck && this.onFail(file);

  },

  //删除指定file

  Delete: function(file) {

	//移除指定file

	this.Folder.removeChild(file); this.Ini();

  },

  //删除全部file

  Clear: function() {

	//清空文件空间

	Each(this.Files, Bind(this, function(o){ this.Folder.removeChild(o); })); this.Ini();

  }

}



var fu = new FileUpload("uploadForm", "idFile", { Limit: 3, ExtIn: ["jpg", "gif"],

	onIniFile: function(file){ file.value ? file.style.display = "none" : this.Folder.removeChild(file); },

	onEmpty: function(){ alert("请选择一个文件"); },

	onLimite: function(){ alert("超过上传限制"); },

	onSame: function(){ alert("已经有相同文件"); },

	onNotExtIn:	function(){ alert("只允许上传" + this.ExtIn.join("，") + "文件"); },

	onFail: function(file){ this.Folder.removeChild(file); },

	onIni: function(){

		//显示文件列表

		var arrRows = [];

		if(this.Files.length){

			var oThis = this;

			Each(this.Files, function(o){

				var a = document.createElement("a"); a.innerHTML = "取消"; a.href = "javascript:void(0);";

				a.onclick = function(){ oThis.Delete(o); return false; };

				arrRows.push([o.value, a]);

			});

		} else { arrRows.push(["<font color='gray'>没有添加文件</font>", " "]); }

		AddList(arrRows);

		//设置按钮

		$("idBtnupload").disabled = $("idBtndel").disabled = this.Files.length <= 0;

	}

});



$("idBtnupload").onclick = function(){

	//显示文件列表

	var arrRows = [];

	Each(fu.Files, function(o){ arrRows.push([o.value, " "]); });

	AddList(arrRows);

	

	fu.Folder.style.display = "none";

	$("idProcess").style.display = "";

	$("idMsg").innerHTML = "正在添加文件到您的网盘中，请稍候……<br />有可能因为网络问题，出现程序长时间无响应，请点击“<a href='?'><font color='red'>取消</font></a>”重新上传文件";

	

	fu.Form.submit();

}



//用来添加文件列表的函数

function AddList(rows){

	//根据数组来添加列表

	var FileList = $("idFileList"), oFragment = document.createDocumentFragment();

	//用文档碎片保存列表

	Each(rows, function(cells){

		var row = document.createElement("tr");

		Each(cells, function(o){

			var cell = document.createElement("td");

			if(typeof o == "string"){ cell.innerHTML = o; }else{ cell.appendChild(o); }

			row.appendChild(cell);

		});

		oFragment.appendChild(row);

	})

	//ie的table不支持innerHTML所以这样清空table

	while(FileList.hasChildNodes()){ FileList.removeChild(FileList.firstChild); }

	FileList.appendChild(oFragment);

}





$("idLimit").innerHTML = fu.Limit;



$("idExt").innerHTML = fu.ExtIn.join("，");



$("idBtndel").onclick = function(){ fu.Clear(); }



//在后台通过window.parent来访问主页面的函数

function Finish(msg){ alert(msg); location.href = location.href; }



</script>

</body>

</html>

annekay 2010-11-01
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 daifangci 的回复:]
有进度条的就要用到jquery等js，不然你就下个好用点的第三方控件哈
[/Quote]
不要进度条也行 ，你有第三方控件不？
daifangci 2010-11-01
  • 打赏
  • 举报
 回复
有进度条的就要用到jquery等js，不然你就下个好用点的第三方控件哈
annekay 2010-11-01
  • 打赏
  • 举报
 回复
顶上去啊，哪位大哥 能给个例子啊！
annekay 2010-11-01
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 phil999 的回复:]
上传的问题，下载一个 uploadify
[/Quote]
这是JQUERY 不用这有没有办法呢
phil999 2010-11-01
  • 打赏
  • 举报
 回复
上传的问题，下载一个 uploadify
annekay 2010-11-01
  • 打赏
  • 举报
 回复
自己顶上 最好能有例子
邮箱kayorchid@126.com
annekay 2010-11-01
  • 打赏
  • 举报
 回复
[Quote=引用 24 楼 fellowcheng 的回复:]
已经发了个示例到你邮箱
[/Quote]
谢谢了，你的例子怎么只能上传小于1M的视频呀
在配置文件里面好像找不到<appSetting>
如何能上传大一点的视频啊 万分感谢
fellowcheng 2010-11-01
  • 打赏
  • 举报
 回复
已经发了个示例到你邮箱
MarsHands 2010-11-01
  • 打赏
  • 举报
 回复
[Quote=引用 19 楼 huangwenquan123 的回复:]
用swfupload
http://blog.csdn.net/nhpyliner/archive/2009/09/08/4528126.aspx
[/Quote]

顶这个
annekay 2010-11-01
  • 打赏
  • 举报
 回复
[Quote=引用 21 楼 truecoffeefox 的回复:]
给你发了个，mch
用jquery和swfupload做的加ffmpeg视频转码
视频和缩略图在attfiles的media文件夹里，文件名相同
前台观看是flowplayer，简单的不能再简单了
[/Quote]
谢谢你的例子，但是例子无法运行呀？我是新人，多多指教啊
truecoffeefox 2010-11-01
  • 打赏
  • 举报
 回复
给你发了个，mch
用jquery和swfupload做的加ffmpeg视频转码
视频和缩略图在attfiles的media文件夹里，文件名相同
前台观看是flowplayer，简单的不能再简单了
kkbac 2010-11-01
  • 打赏
  • 举报
 回复
用flash带进度条的上传吧. 网上so多.
大明湖畔_帅锅 2010-11-01
  • 打赏
  • 举报
 回复
加载更多回复（3）
有labview相关问题需要请教，有偿，急！急！急！
博主有LabVIEW相关问题需请教，愿意支付报酬，情况紧急。LabVIEW是开发工具领域的技术，在相关项目中可能会遇到各种难题，博主此举或为解决实际问题。
各位大虾帮个忙。急！急！急！
一名大学生在寻找暑期工作过程中遭遇中介及所谓公司的连环骗局，从收取介绍费到要求支付高额体检费用，最终被迫接受低薪工作。揭示了针对学生群体的求职欺诈手段。
**Multisim中如何测量时序**急!急!急!急!急!
该篇博客指导如何使用Multisim设计仅用PMOS和NMOS元件的数字逻辑电路，解决输出Y无波形的问题。涉及真值表输入输出分析，以及如何设置频率和占空比。寻求帮助以调试电路，确保正确展示完整时序图。
急什么，这个时侯不能急！
本文讲述了作者在不同操作系统间进行代码移植时遇到的问题及解决过程。通过老师的指导，学会了冷静面对问题并逐步排查的方法。
急!急!
博主用VF6.0编写单机版程序并编译成exe文件，共享后在未安装VF的机子上运行，弹出'Cannot locate visual foxpro support libary'对话框，寻求解决办法。
.NET社区

62,272

社区成员

668,978

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章