Html5上传图片 移动端、PC端通用代码

2019-01-28 22:19:07于丽
  •      var reader = new FileReader();             reader.readAsDataURL(file);       
  •      //当文件读取成功便可以调取上传的接口,想传哪里传哪里(PS: 你们可以把你们的靓照偷偷发给我!)            reader.onload = function(e){       
  •          var data = this.result.split(',');                var tp = (file.type == 'image/png')? 'png': 'jpg';      
  •          var a = data[];                //需要上传到服务器的在这里可以进行ajax请求      
  •          ... ...            }      
  • };     

    写到这里我们已经完成了图片上传的功能了,大家有兴趣的自己动手尝试一下,不懂的地方或者我写错的地方一定要找我哦。 FileReader的方法和事件