WEB如何实现选择多个文件

Nonetracer 2013-01-18 04:55:11
要实现这么一个功能,用户可以一次选择多个文件(点一次“浏览”选择多个文件),或者,选择某个文件后,与该文件名相关的文件自动加上,点“确定”后上传。

有什么好的插件么?要与form同步提交 不是异步。SWFUpload什么的试了,都不太合适。

大家给个建议,谢了~~~~
...全文
3401 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Nonetracer 2013-01-21
  • 打赏
  • 举报
回复
谢谢各位,google了,没找的合适的所以来求教。 我的功能不是要实时上传文件,而是需要将选择的多个File跟form一起提交。使用标准<input type='file'/>无法实现一次选择多个文件,和选择一个文件后,根据文件名自动添加同类文件这两个功能。 有没有办法?html5不行 浏览器不支持。
不耐烦 2013-01-19
  • 打赏
  • 举报
回复
不支持html5的浏览器只能有flash了,百度你懂得
wpf1523 2013-01-19
  • 打赏
  • 举报
回复
怎么到处都能看到这个啊?这个控件不兼容啊!不兼容啊!!IE浏览器可以使用这个控件,FIREFOX和chrome浏览器可以使用html5的multiple="true"属性来实现多选
woshidzze0 2013-01-18
  • 打赏
  • 举报
回复
引用 1 楼 d1g9z93w 的回复:
Xproer.HttpUploader2:http://www.cnblogs.com/xproer/archive/2010/10/24/1859895.html 此控件是基于标准HTTP协议实现的文件上传功能。优势是扩展性非常好,整合简单,支持批量上传文件和上传文件夹功能,上传前获取本地文件大小,适合各种简单WEB项目。 另外一个特点是支持自动上传指定的本地文件。 上传本地文件代码 使用步骤如下: 1.调用AddFile函数添加本地文件,注意路径需要使用双斜框(\\) 2.调用PostFirst函数开始上传文件。

<script type="text/javascript" language="javascript">
    	var uploaderMgr = new HttpUploaderMgr();
    	uploaderMgr.Load();//加载控件

	window.onload = function()
	{
		uploaderMgr.Init();//初始化控件
		//添加一个本地文件
		uploaderMgr.AddFile("D:\\Soft\\QQ2010.exe");
		uploaderMgr.PostFirst();

	};
</script>
单文件整合代码:

	服务器返回消息:<input id="txtFilePath" type="text" size="50" />
	<script type="text/javascript" language="javascript">
		var uploaderMgr = new HttpUploaderSingleMgr();
		uploaderMgr.Config["PostUrl"] = "http://localhost:8080/asp.net/upload.aspx";
		uploaderMgr.Load();
		//文件上传完成后执行的回调函数
		uploaderMgr.CompleteHook = function(msg)
		{
			document.getElementById("txtFilePath").value = msg;
		};

		window.onload = function()
		{
			uploaderMgr.Init();
		};
	</script>
示例下载: CAB安装包 开发文档 ASP示例 ASP.NET示例 ASP.NET-FCKEditor2.x示例 JSP示例 PHP示例
上传指定的本地文件,这个功能挻强大的。
d1g9z93w 2013-01-18
  • 打赏
  • 举报
回复
引用 楼主 Nonetracer 的回复:
要实现这么一个功能,用户可以一次选择多个文件(点一次“浏览”选择多个文件),或者,选择某个文件后,与该文件名相关的文件自动加上,点“确定”后上传。 有什么好的插件么?要与form同步提交 不是异步。SWFUpload什么的试了,都不太合适。 大家给个建议,谢了~~~~ JS ……
楼主试试这个控件:http://www.cnblogs.com/xproer/archive/2010/10/24/1859895.html 此控件是基于标准HTTP协议实现的文件上传功能。优势是扩展性非常好,整合简单,支持批量上传文件和上传文件夹功能,上传前获取本地文件大小,适合各种简单WEB项目。 另外一个特点是支持自动上传指定的本地文件。 单文件上传演示 上传本地文件代码 使用步骤如下: 1.调用AddFile函数添加本地文件,注意路径需要使用双斜框(\\) 2.调用PostFirst函数开始上传文件。

<script type="text/javascript" language="javascript">
    	var uploaderMgr = new HttpUploaderMgr();
    	uploaderMgr.Load();//加载控件

	window.onload = function()
	{
		uploaderMgr.Init();//初始化控件
		//添加一个本地文件
		uploaderMgr.AddFile("D:\\Soft\\QQ2010.exe");
		uploaderMgr.PostFirst();

	};
</script>
单文件整合代码:

	服务器返回消息:<input id="txtFilePath" type="text" size="50" />
	<script type="text/javascript" language="javascript">
		var uploaderMgr = new HttpUploaderSingleMgr();
		uploaderMgr.Config["PostUrl"] = "http://localhost:8080/asp.net/upload.aspx";
		uploaderMgr.Load();
		//文件上传完成后执行的回调函数
		uploaderMgr.CompleteHook = function(msg)
		{
			document.getElementById("txtFilePath").value = msg;
		};

		window.onload = function()
		{
			uploaderMgr.Init();
		};
	</script>
示例下载: CAB安装包 开发文档 ASP示例 ASP.NET示例 ASP.NET-FCKEditor2.x示例 JSP示例 PHP示例

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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