基于html5目录上传

最新推荐文章于 2024-07-26 10:04:48 发布

进击的_程序员

最新推荐文章于 2024-07-26 10:04:48 发布

阅读量1.1k

点赞数

分类专栏：前台文章标签： html5 服务器

本文链接：https://blog.csdn.net/qq_23924929/article/details/60604324

版权

前台专栏收录该内容

2 篇文章 0 订阅

订阅专栏

由于公司项目的需求，需要实现将目录下的文件上传到服务器，而百度了n多方法后，大部分是基于js实现，而且局限性很大，基本只能在ie上运行，而公司一般都用谷歌，所以就想换种方式实现，然后参考了百度云盘，发现html5有可以选择目录的功能。
代码示例：

<html>
    <form>
        <input id="fileId" type='file' multiple webkitdirectory accept="*/*">
        <input type='button'  onclick="upload()" value="submit">
    </form>
    <script type="text/javascript">
        function upload(){
            var oFiles = document.querySelector("#fileId").files;
            for (var i = 0, file; i<oFiles.length; i++) {
                file = oFiles[i];

                console.log(file.webkitRelativePath);
            }
        }
    </script>
</html>