ngf-pattern not working for ng-file-upload
12,614
Solution 1
Try to add the accept
attribute too and remove the *
:
<button class="btn btn-info"
type="file"
ngf-select="uploadFiles($file, $invalidFiles)"
ngf-pattern="'.csv'"
accept=".csv"
ngf-max-height="1000"
ngf-max-size="1MB">
EDIT: accept without single quotes
Solution 2
<button id="select_resume_btn" class="btn btn-default" type="file"
ngf-select="uploadFiles($file, $invalidFiles)"
ngf-pattern="'.docx,.pdf'"
accept=".docx,.pdf"
ngf-max-size="5MB">Select Resume</button>
This worked for me !! Thanks @Michelem
Author by
Menelaos
Updated on July 02, 2022Comments
-
Menelaos almost 2 years
I am trying to limit the file type to CSV in the
ng-file-upload
component but it isn't working - it still accepts all files.I have tried both
ngf-pattern="'*.csv'"
andngf-pattern="*.csv"
.Code:
<button class="btn btn-info" type="file" ngf-select="uploadFiles($file, $invalidFiles)" ngf-pattern="'*.csv'" ngf-max-height="1000" ngf-max-size="1MB"> <i class="fa fa-upload"></i> {{'main.users.import.button' |translate}} </button>
Dependency:
"ng-file-upload": "~10.0.2",
-
Vikas Bansal over 7 yearshow to add multiple filters?
-
japu soft dev over 4 yearslike this - ngf-pattern="'.csv','.pdf'" accept=".csv,.pdf".