扫描本地文件下，获取图片路径，在网页上显示

liuqiongkaka 2013-01-03 05:09:03

新手求大牛点拨！！！
我想实现点击默认显示的图片，切换到下一张图片；而图片的路径由js扫描本地文件夹下的图片获得，但是总是无法实现，第一次写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 language="Javascript"type="text/javascript">

<!--





function getfiles(path)

{

   alert(path+"/n");

   var fso=new ActiveXObject("Scripting.FileSystemObject"); 

   var files = new Array();

   var f = fso.GetFolder(path);

   var ff = new Enumerator(f.Files);  //该目录下所有的文件集合

   var s = "";

   for (;!ff.atEnd();ff.moveNext())

   {

      var filename = ff.item().Name; //把该目录下的所有文件路径都放在一个数组里.

	  document.write("filename = "+filename);

	  files.push(filename);

   }

   loadp(path,files);

}



function loadp(path,files)

{

    

	var number=0  

	var count = files.length;

	document.write(count);

	alert("count = "+ count);

	var picture =  new Array(count);  

	for( var i=0;i<picture.length;i++){  

		picture[i] = new Image();  

	}

	function loadpicture(){ 

	   for(var k=0;k<count;k++)

	   {

		 picture[k].src =path+"\\"+files[k];	  	 

	   }

		

		for( var j=0;j<=picture.length;j++){  

			document.form1.show.src = picture[number].src;  

			number = (number + 1) % count;  

		}  

	}	

}



//-->

</script>

</head>  

  

<body>   

    <form name="form1" method="post" action="">  

        <img name="show" src="./images/k1.jpg" onclick="getfiles('D:\\FTP\\cartoon\\妖精的尾巴\\800')"></img>  

    </form>  

</body>  

</html>

...全文

457 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2013-01-04

打赏
举报

引用 2 楼 liuqiongkaka 的回复:

引用 1 楼 showbo 的回复:纯js操作客户端文件无法实现，没有权限，不用弄了是服务器端的网站操作服务器本地文件~~也不行么莫非需要将路径扫描后存入数据库，从数据库中读取路径，进行播放~ 但是js连接数据库不是也很危险么

服务器端就和js没关系了，除非动态页你用的javascript来编写。。楼主去了解下什么是b/s结构先把。。

「已注销」 2013-01-04

打赏
举报

<!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 language="Javascript"type="text/javascript">
<!--
function getfiles(path)
{
   //path:检索的文件夹
   alert(path);
   var fso=new ActiveXObject("Scripting.FileSystemObject"); 
   var files = new Array();
   var f = fso.GetFolder(path);
   var ff = new Enumerator(f.Files);  //该目录下所有的文件集合
   var s = "";
   var i = 0 ;
   for (;!ff.atEnd();ff.moveNext())
   {
      var filename = ff.item().Name; //把该目录下的所有文件路径都放在一个数组里.
      //document.write("filename = "+filename);
      //alert(filename);
	  files.push(filename);
	  this.loadp(path+filename);
   }
   //loadp(path,files);
}
 
function loadp(path)
{
	//DOM查找，找到IMG控件
	var img_show = document.getElementById("img_show");
	//删除旧的图片路径
	img_show.removeAttribute("src");
	//换为新的图片路径
	img_show.setAttribute("src",path);
	alert(path);

    /*
    var number=0  
    var count = files.length;
    document.write(count);
    alert("count = "+ count);
    var picture =  new Array(count);  
    for( var i=0;i<picture.length;i++){  
        picture[i] = new Image();  
    }
    function loadpicture(){ 
       for(var k=0;k<count;k++)
       {
         picture[k].src =path+"\\"+files[k];           
       }
         
        for( var j=0;j<=picture.length;j++){  
            document.form1.show.src = picture[number].src;  
            number = (number + 1) % count;  
        }  
    }*/    
}
 
//-->
</script>
</head>  
   
<body>   
    <form name="form1" method="post" action="">  
        <img id="img_show" name="show" src="./1.jpg" onclick="getfiles('D:\\IMG\\')"></img>  
    </form>  
</body>  
</html>

代码我修改了下，现在的效果就是进去后加载一张图像，点击后会检索客户端D:\IMG文件夹下的图片并加载同时显示图片名称，点击确定后就会加载下一张图片。在IE下测试已通过。

「已注销」 2013-01-04

打赏
举报

引用 6 楼 liuqiongkaka 的回复:

引用 5 楼 Ash_Petis 的回复:AcitveX只能在IE里用。如果要访问客户端本地文件，还需要设置下IE的安全性。 Have a try. 能具体说说怎么设置安全性么~~第一次弄，实在搞不懂什么权限问题

打开IE，工具->Internet选项->安全，点击自定义级别。里面找到ActiveX控件和插件，自己看下各个选项是否该启用。最后有一点比较关键，就是往下找到其它这一部分，里面有将文件上载到服务器时包含本地目录路劲，这个必须启用，否则ActiveX抓出的路径会隐藏掉，变为：fakepath。

liuqiongkaka 2013-01-04

打赏
举报

引用 5 楼 Ash_Petis 的回复:

AcitveX只能在IE里用。如果要访问客户端本地文件，还需要设置下IE的安全性。 Have a try.

能具体说说怎么设置安全性么~~第一次弄，实在搞不懂什么权限问题

「已注销」 2013-01-04

打赏
举报

AcitveX只能在IE里用。如果要访问客户端本地文件，还需要设置下IE的安全性。 Have a try.

虫二二 2013-01-04

打赏
举报

Client 是指用户浏览站点的浏览器

liuqiongkaka 2013-01-04

打赏
举报

没有人回答吗~~即使不行，能不能告诉我一个解决方案~~求大牛指导！！在线等啊~~~

liuqiongkaka 2013-01-04

打赏
举报

引用 7 楼 Ash_Petis 的回复:

引用 6 楼 liuqiongkaka 的回复:引用 5 楼 Ash_Petis 的回复:AcitveX只能在IE里用。如果要访问客户端本地文件，还需要设置下IE的安全性。 Have a try. 能具体说说怎么设置安全性么~~第一次弄，实在搞不懂什么权限问题打开IE，工具->Internet选项->安全，点击自定义级别。里面找到ActiveX控件和插……

谢谢这么详细的解答~~不过代码放在我的电脑上还是不行！！我自己再想办法解决~~谢了！！

liuqiongkaka 2013-01-03