网页上直接选择本地文件夹上传
来源:互联网 发布:3dmks是什么软件 编辑:程序博客网 时间:2024/05/16 12:22
以前都是需要浏览器插件支持的,对于IE来说,有很多成熟的商业版上传控件,功能非常非常的强大,但基于多种原因,安装浏览器控件这种方式被接受的程度越来越低了,不轻易使用。
Chrome浏览器早已针对网页上传时只能选择一个或多个文件的局限性而扩展了文件上传功能,使得可以方便的选择整个文件夹上传。
而代码也极其简单,只需要加个属性就可以了,这个属性叫webkitdirectory
<input type="file" webkitdirectory>这个属性是一个布尔型的属性,有一点点特殊的是这个属性作为DOM元素的property的时候,也是全小写,并不是驼峰式。
截图如下:
不过,这个只能选择单个文件夹,并且如果你的文件夹很大,将会比较慢,甚至让浏览器暂时假死,网页上的事儿,自己掂量着办吧。
至于Chrome之外的其它浏览器,貌似暂时都还没有类似的支持。
- 网页上直接选择本地文件夹上传
- 网页上传图片时,直接本地预览无需上传服务器
- C# winform 文件浏览选择上传至本地服务器HttpWebClient+调用本地文件夹
- Github使用方法:如何将本地的文件夹整体上传到Github上
- PHP实现在手机上选择完图片直接上传图片
- 解决 网页本地调试通过,上传到服务器上后运行不加载JavaScript的问题
- 不上传图片直接本地预览
- 不上传图片直接本地预览
- C# 提示浏览选择本地文件夹
- C# 提示浏览选择本地文件夹 .
- 把本地文件夹上传到git@osc
- 网页图片直接显示与上传
- 如何用手机在上网的网页中链接访问跳转到手机本地qq上直接聊 ...
- 本地选择图库照片,保存在本地新建文件夹
- 【浏览器选择文件夹】springMVC上传篇
- js实现网页图片上传本地预览
- JS选择文件夹对话框(实现文件夹上传) .
- 直接在网页上显示word2007文档
- FZU 2136 取糖果 (排序+并查集)
- 推荐一本离散数学的书,很有价值
- 汉诺塔递归方法的实现
- #0
- 10300 - Ecological Premium
- 网页上直接选择本地文件夹上传
- nmap参数(二)
- LIBSVM学习记录
- 推荐一个学习OpenGL的网站
- nmap参数(三)
- Telnet协议分析
- 18种典型算法
- frame和bounds的区别比较
- C++笔试题(1)