Chrome遍歷本地資料夾中所有檔案

阿新 • • 發佈：2019-01-01

前言

支援Chrome瀏覽器，不支援IE。IE可通過ActiveX方式輕鬆實現。其他系列瀏覽器未測試，親們測試了可以評論告訴我。

程式碼

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>page test</title>
    <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    .file 
 {
        vertical-align: top;
        position: relative;
        display: inline-block;
        background: #D0EEFF;
        border: 1px solid #99D3F5;
        border-radius: 4px;
        padding: 4px 12px;
        overflow: hidden;
        color: #1E88C7;
        text-decoration: none;
        text-indent 
: 0;
        line-height: 20px;
    }

    .file input {
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
    }

    .file:hover {
        background: #AADFFD;
        border-color: #78C3F3;
        color: #004974;
        text-decoration: none;
    } 


    #dllList {
        margin: auto;
        display: inline-block;
        border-collapse: collapse;
    }

    #dllList th,
    td {
        width: 200px;
        border: 1px solid #98bf21;
        font-size: 1em;
        text-align: right;
        padding: 3px 7px 2px 7px;
    }

    #dllList th {
        font-size: 1.1em;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #A7C942;
        color: #ffffff;
    }

    #dllList tr:nth-child(even) {
        color: #000000;
        background-color: #EAF2D3;
    }
    </style>
    <script type="text/javascript">
    function fileChange(that) {
        var files = that.files;
        var filesJson = '[';
        for (var i = 0; i < files.length; i++) {
            let name = files[i].name;
            let size = Math.round(files[i].size / 1024) + "K";
            if (/\.dll$/ig.test(name)) {//這裡按業務要求篩選所有dll檔案
                filesJson += '{"name":"' + name + '","size":"' + size + '"},';
            }
        }
        filesJson = filesJson.slice(0, -1) + "]";
        createTable(filesJson);
    }

    function createTable(jsonStr) {
        var obj = JSON.parse(jsonStr);
        var tableObject = document.getElementById('dllList');
        for (var i in obj) {
            let TableRow = tableObject.insertRow();
            let fileName = TableRow.insertCell(0);
            fileName.innerHTML = obj[i].name;
            let fileSize = TableRow.insertCell(1);
            fileSize.innerHTML = obj[i].size;
        }
    }
    </script>
</head>

<body>
    <table id="dllList">
        <thead>
            <tr>
                <th>檔名</th>
                <th>大小(誤差±1K)</th>
            </tr>
        </thead>
    </table>
    <a href="javascript:;" class="file">選擇檔案
    <input type="file" webkitdirectory directory onchange="fileChange(this);" />
    </a>
</body>

</html>

Chrome遍歷本地資料夾中所有檔案

前言支援Chrome瀏覽器，不支援IE。IE可通過ActiveX方式輕鬆實現。其他系列瀏覽器未測試，親們測試了可以評論告訴我。程式碼 <!DOCTYPE html> <html lang="zh"> <head> <me

C++ 遍歷某個資料夾下所有檔案

#include<iostream> #include<string> #include<io.h> #include<cstdio> #include<cstdlib> #include<cstring> using namespace

遍歷某資料夾下所有檔案，並輸出儲存在txt

#include<iostream> #include "io.h" #include<fstream> using namespace std; ofstream MyFile("FileName.txt"); bool transfer(st

Node.js使用遞迴實現遍歷資料夾中所有檔案

https://blog.csdn.net/younglao/article/details/77046830?locationNum=8&fps=1 版權宣告：本文為博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/y

python下遍歷資料夾中所有檔案

python下遍歷某個路徑所有檔案是很常用的事，一直對其有所困擾，今天想明白了之後記錄下來，供以後查閱。首先，資料夾是這樣的： a,b,c是各包含一張jpg圖片的資料夾，其餘是4張jpg圖片。遍歷資料夾的方法首先需要呼叫os庫，即 import

C#中遍歷指定資料夾下的檔案或子檔案

今天用到查詢給定路徑下的所有檔案，記錄一下： 1、引入IO名稱空間 using System.IO; 2、用到的主要方法： DirectoryInfo folder = new DirectoryInfo(filePath)； DirectoryInfo.GetFiles():獲取目錄中所有

遞迴遍歷某個資料夾及其所有子資料夾下的所有檔案

public class MyTest5 { public static void main(String[] args) { String rootDir = "G:"+File.se

C++遍歷獲取資料夾下面所有檔名

#include <iostream> #include <stdlib.h> #include <stdio.h> #include <string.h> #ifdef linux #incl

python 遍歷一個資料夾下所有檔名稱

用python遍歷一個資料夾下所有檔名稱可以用字典的方式，程式可參考程式“E:\untitled\weather\extact_copy.py” #coding=utf-8 import os import os.path rootdir = "E:\\weather_d

遍歷一個資料夾下面所有的檔名包括資料夾

/** * 遍歷資料夾下所有的檔案，包括資料夾 * @param dirPath */ public static void printDirFiles(String dirPath, int index) {

專案部署到Tomcat後訪問本地資料夾中的檔案

最近專案中遇到<iframe>巢狀本地靜態HTML檔案的問題，開始的時候怎麼搞都不行原因：瀏覽器處於安全考慮不允許載入本地資源解決辦法：在Tomcat的server.xml和web.xml中配置虛擬路徑路徑資訊：Tomcat安裝路徑下的conf資料夾 (D:\P

PHP遞迴遍歷指定資料夾內的檔案

今天早上在地鐵上看了關於檔案和資料夾的一章，正好最近剛搞懂linux的檔案系統，覺得對檔案屬性的訪問跟Shell命令很像，所以想晚上來實踐一下。發現php的資料夾函式好像沒有提供遍歷資料夾下的所有檔案（包括子目錄中的檔案），於是，就想自己實現一個。在寫的

使用C語言檢視一個資料夾中所有檔案及目錄

1.前言 1.1宣告文章中的文字可能存在語法錯語以及標點錯誤，請諒解；如果在文章中發現程式碼錯誤或其它問題請告知，感謝！ 2.實現方法為了使用C語言實現檢視一個資料夾中的檔案數量功能，可以使用dirent庫，該庫檔案包含的許多UNIX系統

c#遍歷資料夾獲得所有檔案

c#遍歷資料夾獲得所有檔案在c#中，想要獲得一個資料夾下的所有子目錄以及檔案十分簡單。首先，獲取目錄的情況下，DirectoryInfo.GetDirectories()：獲取目錄（不包含子目錄）的子目錄，返回型別為DirectoryInfo[]，支援萬用字元查詢；其次，獲取檔案的

python 遍歷，刪除，複製資料夾下所有檔案

import os def files_and_dirs_list(dir_path): """ 遍歷資料夾及資料夾下所有檔案（包括資料夾） :param dir_path: 資料夾路徑 :return: root 所指的是當前正在遍歷的這個資料

OpenCV實現遍歷資料夾下所有檔案

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

linux迴圈遍歷資料夾下所有檔案

demofun(){ for file in `ls $1` do if test -f $file then echo "file: $file" elif test -d $file then

[Xcode10 實際操作]七、檔案與資料-(4 )遍歷資料夾中的檔案

本文將演示如何遍歷資料夾下的內容。在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4 5 override f

遞迴遍歷資料夾下所有檔案

遞迴遍歷資料夾下所有檔案程式碼塊遞迴遍歷資料夾下所有檔案 package com.chow; import java.io.File; import java.util.ArrayList; /** * Created by zhouhaiming on 20

遍歷資料夾下所有檔案的路徑

import os def traverse(f): fs = os.listdir(f) for f1 in fs: tmp_path = os.path.join(f, f1) if not os.path.isdir(tmp_path):

Chrome遍歷本地資料夾中所有檔案

前言

程式碼

相關推薦