使用JavaScript遍历本地文件夹的文件

This blog is written based on Chrome 45.0.2454.85 m.

In HTML5 there is one additional attribute available for tag a, the “download”. By clicking on the “a” tag with “download” attribute, you can directly get download operation performed. See the simple example below:

Click Save hyperlink, the download is executed immediately and I have a downloaded file with correct name and content specified in the example.

This useful attribute could help us to finish some task without intensive programming. For example, I need to get the file list of a given folder in my laptop via JavaScript. Here below is how to achieve it:

(1) Create a simple html page with source code below and open it via Chrome.
(2) Open Chrome development tool, type the command like below. There is a notification poped up by Chrome, asking you if you allow the file download. Click ok. Then a html file is automatically downloaded by Chrome.

Open the html source code and compare its content with the actual files in your local folder. They are exactly matched.

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

使用JavaScript遍历本地文件夹的文件相关推荐

[C#(WebForm)] - 利用递归遍历文件夹和文件存入TreeView
主要函数:(具体实例在下面) //必须先引用命名空间:System.IO //使用relateTreeView函数时 path 路径使用本地路径,或经过Server.MapPath("服务器 ...
利用递归遍历文件夹和文件存入TreeView
主要函数:(具体实例在下面) //必须先引用命名空间:System.IO //使用relateTreeView函数时 path 路径使用本地路径,或经过Server.MapPath("服务器 ...
python 遍历文件夹和文件
文件结构如下图 path = r"文件夹1" 遍历1层下的所有文件名和文件夹名 import os fileList = os.listdir(path) # 遍历1层 print ...
java读取hdfs文件夹_HDFS 读取、写入、遍历文件夹获取文件全路径、append
1.从HDFS中读取数据 Configuration conf = getConf(); Path path = new Path(pathstr); FileSystem fs = FileSyst ...
QListWidget读取本地文件夹中文件并显示名字，双击读取xml数据
文章目录前言一.读取本地文件并显示二.双击读取数据前言本文主要是为了解决QListWidget读取本地文件夹中文件,并且显示的问题.然后双击读取其中xml数据一.读取本地文件并显示如下的 ...
VBA遍历文件夹下文件文件实用源码
'批量遍历文件夹下某类文件,并统计编号 Sub OpenAndClose()Dim MyFile As StringDim s As StringDim count As IntegerMyFile ...
python修改文件后缀_python实现遍历文件夹修改文件后缀
本文实例为大家分享了python实现遍历文件夹修改文件后缀的具体代码,供大家参考,具体内容如下用法 python Modifer.py ./ -fp java xml # coding:utf-8 ...
php文件遍历类,PHP 遍历文件夹及文件类及处理类
FindFile.class.php 用于遍历目录文件 /** 遍历文件夹及文件类 * Date: 2013-03-21 * Author: fdipzone * Ver: 1.0 */ class ...
php遍历文件夹下文件内容_php实现的遍历文件夹下所有文件,编辑删除
遍历文件夹; 功能:(a)可删除文件 (b)可编辑文本,网页文件 (c)可删除文件夹,前提是该文件夹为空 (d)可建立文件,文件夹,修改文件夹名称 /* 遍历文件夹; 功能:(a)可删除文件 (b)可 ...
HDFS 读取、写入、遍历文件夹获取文件全路径、append
版权声明:本文为博主原创文章,未经博主同意不得转载.安金龙的博客. https://blog.csdn.net/smile0198/article/details/37573081 1.从HDFS中 ...

使用JavaScript遍历本地文件夹的文件

使用JavaScript遍历本地文件夹的文件相关推荐

最新文章

热门文章