松鼠的博客

摘要： 文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit 阅读全文

摘要： 一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 阅读全文

摘要： 使用HTML5的文件API，可以将操作系统中的文件拖放到浏览器的指定区域，实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程，来看下HTML5的魅力吧。 HTML 我们在页面中放置一个拖拽区域#drop_area，即接收拖拽的区域，#preview用来预览 阅读全文

摘要： 入门 File input之所以叫file input是因为它是一个标准的input元素，且其type属性被设置为"file"。很多年以来，file input一次只能选择并上传单个文件。在新的HTML5规范中为input元素添加了多选模式。当然，不同浏览器对于规范的实现一直以来都不尽相同。比如，F 阅读全文

摘要： 以前上传文件需要提交Form表单。 HTML5方式上传文件，可以通过使用FormData类模拟Form表单提交，从而实现无刷新上传文件。 假设有一个文件选择框 <input type="file" name="pic" id="pic" accept="image/gif" /> 有下面2种方式上传 阅读全文