高效率，将上传图片至服务器

从上一篇文章中，知道了如何获取本地图片路径并显示在界面上。

1，将获取到的文件转为base64位

2，将base64图片格式转为图片文件保存到服务器上，或直接保存base64格式（这个看自己的需求咯）

js:

function appendFile(path){//将获取到的文件转为base64位，传入图片路径

  var img = new Image();

      img.src = path;        // 传过来的图片路径在这里用。

      img.onload = function () {

          var that = this;

          //生成比例 

          var w = that.width,

              h = that.height,

              scale = w / h; 

              w = 480 || w;    //480 现在手机随便拍张照片都几M，所以压缩一下！  你想压缩到多大，改这里

              h = w / scale;

          //生成canvas

          var canvas = document.createElement('canvas');//创建画布绘画图片
  var ctx = canvas.getContext('2d');

          $(canvas).attr({width : w, height : h});

          ctx.drawImage(that, 0, 0, w, h);

          var base64 = canvas.toDataURL('image/jpeg', 1 || 0.8 );   //1最清晰，越低越模糊。有一点不清楚这里明明设置的是jpeg。弹出 base64 开头的一段 data：image/png;却是png。

//base64  ------------>这个就是图片base64格式了

         

    }

}

java:

     BASE64Decoder decoder = new BASE64Decoder();

     FileOutputStream write = new FileOutputStream(new File("C:/xx/test2.png"));//文件保存地址

     byte[] decoderBytes = decoder.decodeBuffer(urlbase64.toString());//转为字节

     write.write(decoderBytes);//用IO写出来就行啦