[Feature request] Ability to restrict filetypes with the UPLOAD inputType for the <request> element

[olw-medcom]

Hey there,

I have a scenario where I would like to restrict the type of file that the ITB user is able to upload in a element with 'UPLOAD' as the inputType. They should only be allowed to upload images, i.e. jpgs or png.

Would it be possible to make such a feature? I'm aware that I can make a verify step afterwards that checks the mimeType, it would just be nice if they weren't even allowed to upload an incorrect filetype.

Best regards

[costas80]

Hi @olw-medcom. Sounds like a nice feature that is also easily supported. I'll let you know when this is ready to pull.

[olw-medcom]

Hey @costas80, thank you!

[costas80]

Ready to pull!

The request element of interact steps now supports an optional accept attribute that takes the list of accepted content types. These can be provided as a direct value in the attribute (as a comma-separated string), or as a variable reference. When provided as a variable reference you can refer either to a string (single value or comma-separated values), or a list (in case you need to construct the list of accepted types dynamically).

The different ways to use this are illustrated below:

<!-- Create list dynamically -->
<assign to="imageTypes" append="true">'image/png'</assign>
<assign to="imageTypes" append="true">'image/jpeg'</assign>
<interact id="userData" desc="User inputs">
   <request name="file1" inputType="UPLOAD" required="true" desc="Test image file (dynamic)" accept="$imageTypes"/>
   <request name="file2" inputType="UPLOAD" required="true" desc="Test image file (PNG)" accept="image/png"/>
   <request name="file3" inputType="UPLOAD" required="true" desc="Test image file (PNG/JPG)" accept="image/png,image/jpeg"/>
</interact>

Note that the content types you specify are passed to the browser as a hint. How well and how precisely these are enforced by the browser can vary. Also keep in mind that this just affects the filter in the browser's file browser, but the user can always select to view all files and pick something else. In other words don't use this as a 100% robust approach to ensure you get specific file types as inputs.

Can you confirm that this covers you @olw-medcom to close this issue? Thanks!