使用HTML5的File实现base64和图片的互转

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

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

复制代码代码如下:


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

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

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

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

复制代码代码如下: