将input type=file 获取到的图片展示到页面上

我们创建一个函数，用于接收拿到的files[0]，并将生成的base64地址返回出去

 

getBase64(file) {
   return new Promise(function(resolve, reject) {
       let reader = new FileReader();
       let imgResult = "";
       reader.readAsDataURL(file);
            reader.onload = function() {
            imgResult = reader.result;
       };
       reader.onerror = function(error) {
            reject(error);
       };
       reader.onloadend = function() {
            resolve(imgResult);
       };
   );
},

我们使用的时候，只需要调用此方法，将获取到的files[0]值传给该方法，回调then函数里边  接收到的返回值就是该图片的base64地址。