html页面获取文件夹中全部图片显示在当前页面中

请教各位大神怎么实现,最好有点代码,我找了
var fso = new ActiveXObject("Scripting.FileSystemObject");这个好像有权限问题不能用,
还有其他的解决方法吗,感觉网上看了很多有点乱了,我想要实现后台上传图片到指定文件夹,然后前台读取指定文件夹并显示。

以img标签来开头,在网页的主体部分(即HTML的<body>部分)找到你想要插入图片的位置。

在这里写下<img>标签。这是一个空标签,创建的是被引用图像的占位空间。

同时在HTML中,<img> 标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。

示例:<img src="文件路径/图片名称">

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-11-26

你好,的确上面的方法是不可能实现的,现在浏览器为了防止安全会静止直接读取本地文件,如果你是自己做做玩的话,把html文件后缀名改成hta,直接点击就可以运行了,但这样就不是网站了。

你要的效果不做成网站是无法实现的,不知道你是不是初学html只是用html静态页面来做。


你想实现的效果我只能给个思路,因为不同的后台语言实现不同(asp,jsp,PHP),当然不做成网站的形式而是单纯网页的形式应该是无法上传图片的(我之前学的时候试了很久,认为无法实现)。

    你指的后台应该是页面的后台,需要使用type=file 的input。然后参考你选择的后台语言上传文件的用法,就可以将图片上传上去(jsp的话注意后台内部的实现是先上传到一个temp目录 这个你可以不用管)。

    选好图片提交上去,后台写处理的方法,存放到指定的目录,并在数据库中记录下相对位置。

    前台页面就用img src=“……”  列出数据库中存的所有图片文件。


说不清楚,感觉你是没有学过 如ASP.net,JSP,PHP的网站制作语言,只是想用纯JS实现,因为学了的话这些慢慢地就会想清楚怎么做。


我觉得如果你周围的同学没人用js实现的话,你也就不要朝着这方面想了,先把这个放下吧,了解一下某个网站语言的制作,这样你就会发现这个只是一个实现文件上传的小问题,而且做成网站后大家都能来访问,即使你以后只打算从事前端布局,也必须有一些后台的知识才行。

追问

大神谢了,方便留个QQ以后交流一下好吗

追答

不好意思啊,我不经常上QQ的,而且我也谈不上大神,只是我做过关于JSP文件上传的网站,而且也和你遇到的问题差不多,不过那时我已经会JSP了所以当初我较快地转化了思路。
正所谓油滴穿钱孔的卖油翁不必羡慕百发百中的将军,一切都是熟能生巧罢了。

本回答被提问者和网友采纳
第2个回答  2014-03-07
使用<input type="file" />可以支持打开文件夹选择需要上传的文件,你在设置下上传路径就好了,上传的保存文件夹要设置可读可写权限,只要是可写,一般都可读。
相似回答