1.需求

做一个前端可压缩并且上传图片到后台的功能

2.使用组件

用到的主要是jq和LocalResizeIMG这2个库

3.使用方法

a.引入脚本文件

b.编写html

     
  
         
      
   
      点击上传文件
     

c.编写css

body{
   font-family:"微软雅黑"}*{
   margin: 0;padding: 0;    }.uploadbtn{
    display:block;height:40px; line-height:40px; color:#333; text-align:center; width:100%; background:#f2f2f2; text-decoration:none; }.imglist{
   min-height:200px;margin:10px;}.imglist img{
   width:100%;}

d.执行上传代码

e.后端php接收数据并处理。

后端会接收前端的base64数据，并base64解码保存在images文件夹下面

 

4.总结

思路就是前端把图片base64编码，再传到后台进行base64解码并保存把图片返回给客户端并在服务端保存一份。(需在服务器下运行代码)

 

参考资料:http://www.cnblogs.com/manongxiaobing/p/4720568.html