FileReader

 1 // 从input控件取得文件对象
 2 var file = document.getElementById(‘input‘).files[0];
 3 // 第一步:新建一个这对象
 4 let reader = new FileReader();
 5 if (file)
 6 {
 7 // 第二步:对象载入INPUT里的文件
 8     reader.readAsDataURL(file);
 9 // 关键处:必须在图片加载完成事件中处理.
10 reader.addEventListener("load", function ()
11   {
12     // console.log(‘选择的图片已经载入...‘);
13     $(‘#previmg‘).prop(‘src‘, reader.result);
14     // 对象加载完文件后,result属性就会有值.值就是base64字符串 
15     $(‘#showarea‘).val(reader.result);
16   }, false);
17 }