Tag: HTML5

HTML5 中的 detail 模签 及 jquery 的实现

HTML5 中新添加了一个标签 detail, 用法举例如下: <details> <summary>小赖子的英国生活和资讯.</summary> https://justyy.com </details> 如果你的浏览器支持HTML5并且支持这个标签的话 显示结果如下 (由于AMP不支持 details 和 summary 标签 所以自行脑补, 其实点击 ▶ 才会显示/隐藏 下面的文字): ▶ 小赖子的英国生活和资讯. https://justyy.com 根据w3school, 微软的IE/Edge浏览器暂不支持, 所以估计得用一个简单的javascript (Jquery) 来 toggle …

通过HTML5 下的 FileReader 读文件

在HTML5出来之前, 浏览器里想要读取本地文件那可谓是很难很难的, 因为网页就像一个沙盒子, 读本地文件就被认为是越权的不安全的恶意行为, 当年的JAVA APPLET 还有 FLASH在这方面文件读取功能都做了限制了. 但有时候用户选择一个本地文件, 就想简单在本地做个裁剪 选择 或者其它一些简单的调整后才上传到服务器, 也有可能改变主意就不上传了, 如果在网页里没有这些功能的话就比较麻烦 都得把文件上传到服务器上 浪费了网络带宽和服务器资源. 还好HTML5提供了一些本地读取文件的标准. 首先 你得先判断 你的浏览器是否支持 文件读取: if (window.File && window.FileReader && window.FileList && window.Blob) …