前端开发

首页 > 前端开发 > javascript > html5本地预览上传图片readfile函数详解

html5本地预览上传图片readfile函数详解

分享到：

【字体：大中小】

2016-05-11
来源：网络
767
36
11

导读：
在过去HTML4时代，本地是没有办法直接读取file表单里面的文件的，当然不排除部分浏览器如IE有自带的工作。然而在HTML5时代这种功能已经实现了，利用HTML5的readfile对象就可以轻松的把...

在过去HTML4时代，本地是没有办法直接读取file表单里面的文件的，当然不排除部分浏览器如IE有自带的工作。

然而在HTML5时代这种功能已经实现了，利用HTML5的readfile对象就可以轻松的把文件转换为base64，然后指向给img标签去解析，

格式如下：

下面为大家提供完整的代码实列：

 
 
 
 
简单的html5 File测试 for pic2base64

分享到：

比SWFUPLOAD还好用的PLUPLOAD使用教程Plu...
前言：SWFUpload是很早的FLASH上传控件了，很久官方已经不更新了，随着H5出现，诞生了PLUPLOAD这是结合FLASH和H5还有传统表单上传的新控件，今天为大家带来学习内容如下： Plupload有以下功能和特点： 1、拥有多种上传方式：HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境，选择最合适的上传方式，并...

HTML5的WebSocket用法详解一、什么是WebS...
在过去我们想保持与服务端通信，只能用长连接，或者轮询法，然而... 在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebS...

php迷，一个php技术的分享社区，专属您自己的技术摘抄本、收藏夹。
在这里……

About

特别鸣谢使用协议

意见反馈网站投稿

前端开发

html5本地预览上传图片readfile函数详解

Tags

About