accept restriction file type not working

[bhanukumar04]

with out adding accept restriction, control is going to filesSelect() method in the below code and am able to the uploaded file. if I need to add restriction for file type its not working .

component.html file:
<span ngfSelect multiple="1" [(file)]="file" (fileChange)="filesSelect(file)" [accept] = "accept" >Browse

component.ts file:

accept = '.pdf, .jpg, .tif, .gif, .bmp, .jpeg'

[AckerApple]

I’ll get back to you. I have a couple of concerns from your code example

[AckerApple]

The accept attribute has been confirmed working. You will need to elaborate and convince me how it is NOT working.

Demo page used to confirm accept working: https://ackerapple.github.io/angular-file/

Screen shot of confirmation that accept is working (attached):

[AckerApple]

This package in use by many in production, including myself, with the accept attribute working just fine. I highly doubt such an important attribute is failing.

Good luck figuring yourself out

(UPDATE: My test was skewed and could not be considered a real test. Testing again)

[AckerApple]

OK UPON CLOSER INSPECTION, I am finding the demo to be misleading and I THINK I might see an issue.

Also, the "Combo drop/select" image only zone is pre-hardcoded for image only so I'm not testing this right... Will report

[bhanukumar04]

@AckerApple Thank you for the Quick Reply.

I have created a sample project to show with and without file filtering types.
when there is no filter for file types and you select any file it will display the file name.
when there was filtering for certain types here i considered '.pdf, .jpg, .tif, .gif, .bmp, .jpeg' .In browse it will show only the restricted file as expected but when you select any file it wont show the result as above one.
If am passing the accept as wrong way let me know.
https://stackblitz.com/edit/angular-x4abqm

[AckerApple]

I believe to be experiencing the same issue as you. But problem was too much convoluted code from the original package I have forked from.

I think I am 30 minutes away from version 0.5.0 which finally gets rid of old bad logic from original package before I forked.

Will report shortly

[AckerApple]

I have vastly improved the entire package.

## 0.5.0 - (2018-02-07)
- Removed much unused code from original package that this is a fork from
- Fixed and ensured accept attribute working correctly
- Improved demo page in terms of the accept attribute and file drag metadata
- BREAKING CHANGES
  - Removed directive ngfUploader
  - ngfUploader.directive.ts has been removed from this package
  - FileUploader.class.ts has been removed from this package
  - FileUploader.class has been removed from this package
  - FileItem.class has been removed from this package
  - FileLikeObject.class has been removed from this package
  - Files are always considered valid when dragged inside browsers that dont allow ANY drag file metadata
  - Input forceFilename has been removed from all ngf directives
  - Input forcePostname has been removed from all ngf directives

Please acquire the latest version and try again

[bhanukumar04]

I have updated to latest version 0.5.0, around accept filtering still the same issue . Check the below sample example for this scenario.
https://stackblitz.com/edit/angular-x4abqm

[AckerApple]

Your example page is working for me. See attached image where some files are grey for filtering

[AckerApple]

Using Chrome on Mac

[bhanukumar04]

with out filtering when you browser for any file , it will display the file name as selected file is : ' file name '.
when you click on the filter browser link, it will show with filtering and when you select file it will not display the file name.
you can check and let me know after browse select file in both cases.

[AckerApple]

Please reply with a very concise description of ONLY the expected behavior that is NOT occurring as you wxoect

[AckerApple]

*expect