使用html5 FileReader获取图片,并异步上传到服务器(不使用iframe)

使用html5 FileReader获取图片,并异步上传到服务器(不使用iframe)


原理:

1.使用FileReader 读取图片的base64编码

2.使用ajax,把图片的base64编码post到服务器。

3.根据接收到post的数据分析图片的类型(jpg,gif,png),并把base64_decode后的数据生成对应类型的图片文件。


html:



 
  
  
  使用html5 FileReader获取图片,并异步上传到服务器(not iframe)

  

  

 

 
  

使用html5 FileReader获取图片,并异步上传到服务器(not iframe)

server.php

$photo);
echo json_encode($ret);
?>


你可能感兴趣的:(HTML5)