js读取文件夹

最新推荐文章于 2024-07-26 08:29:23 发布

幻灭0208

最新推荐文章于 2024-07-26 08:29:23 发布

阅读量1.4k

点赞数

分类专栏： web 文章标签： js读取

本文链接：https://blog.csdn.net/qq_36581955/article/details/80383250

版权

该页面展示了如何使用HTML5和JavaScript从浏览器上传大量文件到服务器。它适用于Chrome和Firefox浏览器。主要技巧包括：在Chrome中使用`webkitdirectory`属性选择整个目录，在Firefox中使用`multiple`属性选择多个文件；利用XMLHttpRequest对象进行HTTP POST上传并显示进度条。代码受到StackOverflow和Matlus文章的启发。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<title>Mass File Upload Using HTML 5 and JavaScript</title>
<style type="text/css">
table.zaklad {
border-collapse: collapse;
margin: 5px;
}

table.zaklad th, table.zaklad td {
border: solid 1px black;
padding: 4px;
}

</style>

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1281621-11']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

</head>
<body>
<h1>Mass File Upload Using HTML 5 and JavaScript</h1>

This page demonstrates how to upload a large number of files from a browser to a server. It works in Chrome
and Firefox browsers. There are two tricks in use:
<ul>
<li> In Chrome, a file input field with <code>webkitdirectory</code> attribute can select a whole directory,
while in Firefox, a file input field with <code>multiple</code> attribute can select multiple files.
<