将文件夹内图片扫描成网页代码（Javascript）

canlynet

浏览: 690351 次
性别:
来自: 北京

最近访客更多访客>>

hellotianty

conan1986

Scorpio117

18802218523

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

功能：将“扫描图片成网页.html”拷贝到图片所在目录，打开，点击按钮即可生成包括该目录下所有图片的网页。

觉得对您有用可以下载附件，有使用方法。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">
function getCurrentDirectory(){
	var locHref = location.href;
	var locArray = locHref.split("/");
	var str = "";
	/**这里测试locArray效果**
    for(x in locArray){
      document.write("locArray[");
      document.write(x+"]: ");
      document.write(locArray[x]+"<br />");
    }
    **/
    delete locArray[locArray.length-1];
    var dirtxt = locArray.join("/");
	str = dirtxt.substr(8);
	//document.write ("<div align=center>" + str + "</div><br />\n\n\n");
	document.form1.localfolder.value = str;
    return str;
} 

function searchFiles(dir, flag_all, flag_name){
	if (dir == "")
	{
		if (document.form1.localfolder.value == "")
			var dir = String(getCurrentDirectory());
		else
			var dir = document.form1.localfolder.value;
	}
	if (dir.substr(dir.length-1, 1) != "\\" && dir.substr(dir.length-1, 1) != "/")
		dir = dir + "\\";
	dir = dir.replace(/\//g, "\\");
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var f = fso.GetFolder(dir);
    var fc = new Enumerator(f.files);
    var str = "";
	var content = "";
	
	for (; !fc.atEnd(); fc.moveNext())
	{
		str = fc.item();
		type = fso.GetExtensionName(str).toLowerCase();
		if (type == "jpg" || type == "gif" || type == "png")
		{
			temp = str.Name.toLowerCase();
			//不带名字 
			if (flag_name == 0)
				content = "<p align=center><img src=\"" + dir + temp + "\" /></p><br />\n";
			//带名字
			else
				content = "<p align=center><img src=\"" + dir + temp + "\" /><br /> " + temp.substring(temp.indexOf("-")+1, temp.lastIndexOf(".")) + "</p><br />\n";
			document.write (content);
		}
	}
	
	if (flag_all == 1)  //读取目录下所有目录下的图片
	{
        var fk = new Enumerator(f.SubFolders);
        for (; !fk.atEnd(); fk.moveNext())
        {
			str = String(fk.item());
            //document.write( str.substr(dir.length) + "<br>");
			var dir_name = dir + str.substr(dir.length) + "\\";
			dir_name = dir_name.replace("/", "\\");
			document.write("<hr /><br />\n<p align=center>子文件夹：" + dir_name + "</p>\n")
			searchFiles(dir_name, flag_all, flag_name);
        }
	}

}
</script>



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>扫描图片生成网页</title>
<style type="text/css">
<!--
body,td,th {
	font-size: 14px;
}
-->
</style></head>
<body bgcolor="#FFFFFF" onLoad="getCurrentDirectory()">
<p align="center"><font style="font-family:'华文中宋'; font-size:24px; color='blue'">将目录下全部图片扫描成网页</font></p>


<table width="650" border="0" align="center">
  <tr>
    <td>
	<hr />
			<form name="form1">
			  <p><font color=red>指定本地文件夹(可更改，点击‘搜索’后出现提示点确定或按住‘y’不放直到没有提示框)，目录也是文件夹的意思。：</font>			    </p>
			  <p><br />
			    <input type="text" name="localfolder" size="50" value =""> 
			(当前内容为您打开这个网页所在的路径)
			<br />
			<br />
			您只读取当前目录下图片，而不再读取本目录下所有目录中的图片吗？那就点如下按钮：
			<br />
			<input type="button" value ="搜索（不在图片下方显示图片名）" onClick="searchFiles('', 0, 0)">
			<input type="button" value ="搜索（要在图片下方显示图片名）" onClick="searchFiles('', 0, 1)">
			<br />
			<br />
			<br />
			<br />
			您不仅要读取当前目录下的图片，还要读取当前目录下所有目录中的图片吗？那就点如下按钮：
			<br />
			<input type="button" value ="搜索（不在图片下方显示图片名）" onClick="searchFiles('', 1, 0)">
			<input type="button" value ="搜索（要在图片下方显示图片名）" onClick="searchFiles('', 1, 1)">

			    </p>
			</form>
	
	</td>
  </tr>
</table>


</body>
</html>

将文件夹内图片扫描成网页代码.rar (54.2 KB)
下载次数: 46

分享到：

libjpeg用法 | Linux Shell编程之标准彩色对齐打印

2011-10-14 16:17
浏览 3354
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

将文件夹内图片扫描成网页代码（Javascript）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

将文件夹内图片扫描成网页代码（Javascript）

评论

发表评论

相关推荐

webuploader实现的不刷新页面上传文件（可以有进度条）

支持IE8的不刷新页面上传图片

pdfjs

阻止冒泡（默认）事件（兼容IE8）

DIV可编辑模式在光标位置插入内容

nodejs+ws+forever做websocket服务器

php编译选项

js实现的复制内容到剪贴板

JS对对象进行自定义排序

从链接启动android app游戏

ueditor使用webuploader以后多图上传后顺序乱掉问题解决方法

php获取文件类型

tomcat在windows中的安装配置和运行

Chrome扩展开发教程

php编译安装以及遇到的问题

javascript精确加减乘除计算

ASP操作Excel（读写）

表格中强制换行和强制不换行（兼容firefox）

jQuery实现的Ajax函数（已测试）——ASP

Ajax使用演示（函数已经包装好）——ASP

最近访客更多访客>>