当前位置:Gxlcms > html代码 > 使用HTML5的File实现base64和图片的互转_html5教程技巧

使用HTML5的File实现base64和图片的互转_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:4人阅读

刚接触到一个内联图片的概念,内联图片即使把图片文件编码成base64 看下面代码即是内联问题

可以减少http的请求,缺点是不能跨域缓存!

代码如下:



然后在线如何把图片转化成base64

如果只依靠单纯的javascript是有权限问题的 js不允许操作本地的file文件或文件夹 为了安全问题

现在html5来了 百度了下有不少资料 中文的也不少 给下w3c的文档 http://www.w3.org/TR/FileAPI/

现在我们用html5的file api里的 readAsDataURL函数 这是一个把文件转化成base64编码的

代码如下:





简单的html5 File测试 for pic2base64