📄

OutSystemsのファイルアップロードで拡張子を限定する

に公開

OutSystemsではGUIでWebシステムを作成することができます。
この記事ではフォームのファイルアップロードで選択できる拡張子を限定する方法を書きたいと思います。

ファイルアップロードで拡張子を限定する方法

ファイルアップロード(Upload)のファイル選択時に拡張子を限定するには、Attributesに次の通り設定します。

  • Property:accept
  • Value:".【拡張子】"(例:".xlsx")

HTMLとしては、次のように出力されます。

<input type="file" accept=".xlsx" style="display: none;">

accept属性について詳細はMDNを参照してください。
https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Attributes/accept

Acceptプロパティ

UploadにはAcceptプロパティもあります。
しかし、これにはImage, Video, Anyのみ設定可能です。他の値を手動入力しても無視されます。(Anyが指定されてしまう)

まとめ

OutSystemsではAttributesacceptプロパティを設定することでファイルアップロード時に拡張子を限定することができます。Acceptもありますが、これはImageまたはVideoに限定する場合のみ利用できます。

Discussion