<script>
document.addEventListener('DOMContentLoaded', function () {
const allowExtensions = '.(jpeg|jpg|png|gif)$'; // 許可する拡張子
const file01= document.getElementById('file01');
file01.addEventListener('change', function () {
if(file01.files[0].size > 2000000) {
alert("ファイルサイズは2MB以内にして下さい");
file01.value = "";
return; // 処理を中断
}
if (!file01.files[0].name.match(allowExtensions)) { // 許可する拡張子以外の場合
alert('拡張子が jpeg, jpg, png, bmp, gif 以外のファイルはアップロードできません。');
file01.value = "";
return; // 処理を中断
}
});
});
</script>
お題は不問!Qiita Engineer Festa 2024で記事投稿!
Qiita Engineer Festa20242024年7月17日まで開催中!
JavaScriptでファイルのサイズ、拡張子をチェックする
Last updated at Posted at 2024-06-21
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme