javascript 批量上传文件

本款js是把目录上传哦,就是相当于批量上传文件了。

 

<!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=gb2312" />
<title>测试文件上传</title>
<script type="text/网页特效" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
//showfolderfilelist("d:codenetwebimagesshoptemplets");
});
function showfolderfilelist(filepath){
var fso, f, fc, sf;
fso = new activexobject("scripting.filesystemobject");
try{
f = fso.getfolder(filepath);
}catch(err){
alert("文件路径错误或者不存在!!");
return false;
}
// 列出所有文件
fc = new enumerator(f.files);
var filename = "";
for(;!fc.atend();fc.movenext()){
filename=fc.item().name;
$('<div filepath="' + filepath + filename + '" uploadstate="wait">' + filepath + filename + '</div>').appendto('#showarea');
}
// 循环 递归 读取 文件夹的文件
sf = new enumerator(f.subfolders);
var foldername = "";
for(;!sf.atend();sf.movenext()){
foldername = sf.item().name;
showfolderfilelist(filepath + foldername + "/");
}
}
function startupload(){
var s = $('#uploaddir').val().replace( //gi, '/' ) ;
if(s.substring(s.length - 1 , s.length) != '/'){
s += '/'
}
showfolderfilelist(s)
uploadfile();
}
// 上传
function uploadfile(){
if($('#showarea div[uploadstate=wait]').length > 0){
var thisnode = $('#showarea div[uploadstate=wait]').eq(0)
var wshshell=new activexobject("wscript.shell");
$('#fileupload').focus();
wshshell.sendkeys($(thisnode).attr('filepath')); // 路径中不有是中文
uploadform.submit();
$('#fileupload').focus();
$('#fileupload').get(0).createtextrange().select();
wshshell.sendkeys('{del}');
var dotstr = '.';
$('<span></span>').appendto(thisnode).css教程('color', 'green');
var uploadstate = setinterval(function(){
if($(thisnode).attr('uploadstate') == 'ok'){
clearinterval(uploadstate);
$(thisnode).find('span').css('color', 'red').text('(完成)');
uploadfile();
}else{
if(dotstr.length > 15){ dotstr = '.'; }else{ dotstr += '.'; }
$(thisnode).find('span').text('(上传中' + dotstr + ')');
}
}, 1000);
}
}
// 在iframe 的返回页面中调用此函数 即可实现循环上传,,否则为死循环
function uploadfinish(){
$('#showarea div[uploadstate=wait]').eq(0).attr('uploadstate', 'ok');
}
</script>
<style type="text/css">
body,td,th {
font-family: "微软雅黑", tahoma, helvetica, arial, 5b8b4f53, sans-serif;
}
</style>
</head>
<body>
<form action="/a.html" method="post" name="loginform" style="margin:0 0; padding:0 0;">
<input name="uploaddir" id="uploaddir" type="text" value="d:a" style="width:800px;" />
<input type="button" value="开始" id="startit" name="startit" onclick="javascript:startupload();"/>
</form>
<form action="/index/upload" method="post" name="uploadform" enctype="multipart/form-data" target="hidden_frame">
<input type="file" name="fileupload" id="fileupload" />
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
</form>
</iframe>
<div id="showarea">
</div>
</body>
</html>

时间: 2024-10-24 11:29:29

javascript 批量上传文件的相关文章

ASP.NET插件uploadify批量上传文件完整使用教程_实用技巧

uploadify批量上传文件完整使用教程,供大家参考,具体内容如下 1.首先准备uploadify的js文件,网上一搜一大堆 2.上传页面UpFilePage.aspx 关键代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/h

如何用javascript控制上传文件的大小?

javascript|控制|上传 如何用javascript控制上传文件的大小? --------本文讲的是用javascript和在IE下Image的一些属性如(fileSize,fileUpdatedDate)等控制上传文件的大小.   <form   name=Myform  >     <input   type=file   name=photo><br/>     <input   type=submit   value=submit></

请问谁有关SSH框架结构的批量上传文件的case

问题描述 请问谁有关SSH框架结构的批量上传文件的case 解决方案 解决方案二:http://avanry.javaeye.com/blog/256940看下这个解决方案三:网上一搜ssh多的是选择

批量上传文件有什么控件可以用?

问题描述 asp.net已经成熟的批量上传文件的控件最好有使用文档中文版的那种可以看上传进度的求大神指教分享连接 解决方案 解决方案二:http://www.cnblogs.com/youring2/archive/2012/07/13/2590010.html解决方案三:你可以看看解决方案四:SWFUpload解决方案五:webuploader解决方案六:引用楼主qq_32463137的回复: asp.net已经成熟的批量上传文件的控件最好有使用文档中文版的那种可以看上传进度的求大神指教分享连

TP3.2批量上传文件或图片 同名冲突问题的解决方法

本文实例为大家分享了TP3.2批量上传文件或图片的具体代码,并解决了同名冲突问题,供大家参考,具体内容如下 1.html <form action="{:U('Upload/index')}" enctype="multipart/form-data" method="post" > <p><input type="file" id="file3" name="ID[

彩云如何上传和批量上传文件?

  彩云支持单个文件和批量文件上传.上传单文件最大支持2G,批量上传单次上传总容量不超过2G.彩云暂不支持文件夹上传. 同时新增拖拽上传,可以将本地PC的文件轻松拖动上传到云端对应的文件夹下,让您上传文件变得更简单!

javascript验证上传文件的类型限制必须为某些格式_javascript技巧

复制代码 代码如下: //验证文件的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().s

如何用javascript控制上传文件的大小_javascript技巧

复制代码 代码如下: <form   name=Myform  onsubmit="return   CheckFileSize()">       <input   type=file   name=photo><br/>       <input   type=submit   value=submit></form>       <SCRIPT   LANGUAGE="JavaScript"&g

asp 文件 批量上传

 关键字:asp 批量上传   asp 图片批量上传     批量上传文件    asp 上传文件      asp文件上传代码   php 文档批量上传 , 好了,我们今天看来看文件批量上传代码与方法吧,首先我们用到三个文件,upload_5xsoft.inc ,upload.asp,up.asp这三个文件,下面我们一一讲解这个三个文件,并贴出相应代码: 先来看看upload_5xsoft.inc吧,这里文件扩展名为什么为inc我就不讲了,不懂得可以到本站去搜索. <SCRIPT  RUNAT