file.read() does not show the progress %

[rinoldsimon]

i want to preview image before calling file.upload(). So in the uploadImage function i just read the file and display in my browser. queue.progress % remains 0 even after image displayed in browser.

Does queue.progress only works when calling file.upload() ?

hbs

{{#pl-uploader for="profile-image" name="profile-image" extensions="jpg jpeg" max-file-size="5000000" onfileadd="uploadImage" as |queue|}}
   {{#if queue.length}}
     {{!-- image preview --}}
     <img id="profile-image" src={{profile_photo}}/>
       Uploading..{{queue.progress}}%
   {{/if}}
 {{/pl-uploader}}

js

    uploadImage(file) {
      file.read().then((url) => {
        this.set('profile_photo', url);
      }, (reason) => {
       ...
      });
    }