Support pipes separator in accept attribute

[eggp]

Hello,

bug: Linux Chrome Version 74.0.3729.157 (Official Build) (64-bit)
when add accept: text/plain, text/csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, open system file upload panel, and selected custom file

types but i add pipe accept: text/plain|text/csv|application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, open system file upload panel and good select file types,

but when select file, your validator send error :(

---

chrome file input accept property use pipe separator instead of comma separator

plugin use comma separator: https://github.com/AckerApple/angular-file/blob/development/src/file-upload/fileTools.ts#L8

--
I'm sorry, my English is pretty weak
by eggp

[AckerApple]

I appreciate you reporting this. I would like to use pipes too if the standard out there is to support it.

However, I am busy looking for a new job. If you would like to add this feature, please do a pull request.

If you would like to do the work. I will test and publish.

You would perform the work here:
https://github.com/AckerApple/angular-file/blob/development/src/file-upload/fileTools.ts

[eggp]

ok,

quick fix in user component:

  ngAfterViewInit(): void {
    this.reWriteAngularFilePluginGeneratedHiddenInputAccept();
  }

  /**
   * https://github.com/AckerApple/angular-file/issues/54
   */
  private reWriteAngularFilePluginGeneratedHiddenInputAccept() {
    if ((detect() as BrowserInfo).name.toLowerCase() === 'chrome') {
      const elem: HTMLInputElement = this.document.querySelector(
        `input[accept="text/plain, text/csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]`
      );
      if (elem !== null) {
        elem.accept = elem.accept.replace(new RegExp(', ', 'g'), '|');
      } else {
        timer(500).subscribe(() => this.reWriteAngularFilePluginGeneratedHiddenInputAccept());
      }
    }
  }

detect() = npm browser detect lib

[AckerApple]

No for a lot of reasons.

This library is not going to browser sniff. You didn't fork the code and then issue a pull request.

I'm sorry but just to add pipes, I'm not adding all of that

[eggp]

this, just little quick fix, not PR code! :)