Checking for HTML5 File API Support in Angular?

Question

When coding a check for HTML5 File API browser support like this:

  private hasHtml5FileApiSupport;
  constructor(@Optional() @Inject(DOCUMENT) document: Document) {
    const w = document.defaultView;
    this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;

VSCode draws red squigglies under the w.File && w.FileReader && w.FileList parts.

Is there a way to get rid of these / Is there a better way to do this?

Ole · Accepted Answer · 2018-11-14 18:02:11Z

0

If we inject document using the Document type then we get the strict type checking, and VSCode draws squigglies, however if we use any instead of Document the errors disappear:

private hasHtml5FileApiSupport;
constructor(@Optional() @Inject(DOCUMENT) document: any) {
  const w = document.defaultView;
  this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;
}

answered Nov 14, 2018 at 18:02

Ole

48.2k72 gold badges246 silver badges463 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Checking for HTML5 File API Support in Angular?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related