网页上直接选择本地文件夹上传

标签: 网页 选择 文件夹 | 发表时间:2014-01-01 07:42 | 作者:cuixiping
出处:http://blog.csdn.net

以前都是需要浏览器插件支持的,对于IE来说,有很多成熟的商业版上传控件,功能非常非常的强大,但基于多种原因,安装浏览器控件这种方式被接受的程度越来越低了,不轻易使用。

Chrome浏览器早已针对网页上传时只能选择一个或多个文件的局限性而扩展了文件上传功能,使得可以方便的选择整个文件夹上传。

而代码也极其简单,只需要加个属性就可以了,这个属性叫webkitdirectory

<input type="file" webkitdirectory>
这个属性是一个布尔型的属性,有一点点特殊的是这个属性作为DOM元素的property的时候,也是全小写,并不是驼峰式。

截图如下:


不过,这个只能选择单个文件夹,并且如果你的文件夹很大,将会比较慢,甚至让浏览器暂时假死,网页上的事儿,自己掂量着办吧。

至于Chrome之外的其它浏览器,貌似暂时都还没有类似的支持。

作者:cuixiping 发表于2013-12-31 23:42:31 原文链接
阅读:87 评论:0 查看评论

相关 [网页 选择 文件夹] 推荐:

网页上直接选择本地文件夹上传

- - CSDN博客Web前端推荐文章
以前都是需要浏览器插件支持的,对于IE来说,有很多成熟的商业版上传控件,功能非常非常的强大,但基于多种原因,安装浏览器控件这种方式被接受的程度越来越低了,不轻易使用. Chrome浏览器早已针对网页上传时只能选择一个或多个文件的局限性而扩展了文件上传功能,使得可以方便的选择整个文件夹上传. 而代码也极其简单,只需要加个属性就可以了,这个属性叫webkitdirectory.

网页设计中图片格式的选择技巧

- - 优设(UISDC)
网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤. 选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担. 以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用…」的功能.

网页设计师的必备选择20 +必需的Windows应用程序

- Pei - 博客园-首页原创精华区
今天给网页设计师推荐20几个windows下提高工作效率的应用程序,对于设计师来说是必不可少的,希望大家喜欢. 虽然我更喜欢使用Firebug时,我发现“开箱即用”的CSS编辑器要真正有用的. Skybound Stylizer已经出了一段时间,但最新版本,4.0,现在是出了很多令人难以置信的功能,以帮助您在开发过程中.

用所选项目新建文件夹

- linsen - Tip4Mac
当你需要整理多个文件到一个文件夹时,你会如何操作. 全选你需要整理的所有文件;. 右键点击任意一个被选中文件,点击用所选项目新建文件夹(New Folder with Selection);. 当然,对应的在 Finder 的菜单栏中也有一样的选项. 如果你还想挑战更快速度的话,选中文件后按快捷键 Control+Command+N,瞬间文件便整理好了.

转载 选择

- bravusliu - caowumao的博客

CSS4 选择器

- iVane - 幸福收藏夹
CSS3 还没完全用上,CSS4 已经提上日程. 官方发布了 update to the working Selectors Level 4 spec,对选择器做了一些升级. 前端最大的优点就是技术更新快,可以经常学到新东西;最大的缺点也是技术更新快,要跟上潮流还真不是那么简单. 不过,这次更新有像“父选择器”这样让人兴奋的内容,让我们先睹为快,了解一下吧:.

JQuery 选择器

- - CSDN博客Web前端推荐文章
}

点击我

.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

点击我

. //给class为demo的元素添加行为.

Folder Axe – 分割文件夹 | 小众软件 > 系统工具

- MDJ - 小众软件 - Appinn
经常要复制一个大文件夹,身边有移动硬盘还好,否则只有一个小优盘就很麻烦了. 其实,我们可以用 Folder Axe 来分割文件夹,以方便多次移动. Folder Axe 提供6种分割方式:数量、大小、名称、扩展名和类型. 选择好文件夹与分割方式后,点击split 即可. 下载(127.8 KB): uudisc | 官方网站 | 来自小众软件.

关于 Dropbox 共享文件夹安全性的技术探讨

- 星空 - 同步控
# 感谢读者 plusium 这篇很有技术含量的投稿,原载于他的博客. 本文将从纯技术的角度,分析一下热门的云存储同步工具 Dropbox 共享文件夹的权限设置及其安全性,即在已经公开了某一文件夹链接的情况下,其他非公开文件夹的安全性. 这里以首次安装后系统自动生成的 Photos 文件夹为例. 当然,类似“如果这么担心安全性的话,就不要往 Dropbox 上放啊”这样的话,不用说我也知道.

54个创意的办公文件夹设计

- emilo - 创意悠悠花园
如果一个企业有自己的一套VI,那么应该是会体现在每一个细节方面的,今天分享:54个创意的办公文件夹设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 54个创意的办公文件夹设计 (228 words). © emilo for 创意悠悠花园, 2011. Post tags: 创意, 办公, 文件夹, 设计.