chromeアップロード画像fakepath

ローカルピクチャを読み込んでcanvasにdramimageするケースです.
本来の考え方.

  input file     ，     input   change   。    event.target.value         。

        ，           C:/fakepath/1.jpg

      ，             。        ，              。

解決策

     h5  api  FileReader


    

var _img = new Image();
 var fr = new FileReader();
fr.onload = function () {
      _img.src = fr.result;
}
 _img.onload=function () {
      _layer.context.drawImage(_img,40,100,300,600);
 }
 fr.readAsDataURL(data.data.originEvent.target.files[0]);

（                 files[0]           （              ），          ）