html 5アップロード圧縮ファイルタイプ制限ソリューション
1161 ワード
需要シーン:
Inputを使用してファイルをアップロードし、ファイルタイプがzip、またはrar圧縮パッケージタイプを制限します.
①accept制限で試してみると、zipやrarファイルのほか、excel、docなどのファイルも選択できます.
②そこで、解決策はファイル名の判断により、フィルタリングを追加し、
コードは次のhtmlコードです.
jsコード:
本文はCSDNブロガー「VincentLoveAndroid」のオリジナル文章で、CC 4.0 BY-SAの著作権契約に従い、原文の出典リンクと本声明を転載してください.テキストリンク:https://blog.csdn.net/b7223058/article/details/79390302
Inputを使用してファイルをアップロードし、ファイルタイプがzip、またはrar圧縮パッケージタイプを制限します.
①accept制限で試してみると、zipやrarファイルのほか、excel、docなどのファイルも選択できます.
②そこで、解決策はファイル名の判断により、フィルタリングを追加し、
コードは次のhtmlコードです.
jsコード:
//
changeCompress($event) {
console.log('changeCompress');
let files = $event.target.files || $event.dataTransfer.files;
if (!files.length) {
Aurora.warning(' ');
return;
}
let file = files[0];
//
let fileName = file.name;
let pos = fileName.lastIndexOf(".");
let lastName = fileName.substring(pos, fileName.length);
if ((lastName.toLowerCase() != ".zip" ) && (lastName.toLowerCase() != ".rar")) {
Aurora.warning(" .zip .rar ");
this.resetCompressData();
return;
}
if (file.size > 1024 * 1024 * 20) {
Aurora.warning(' 20M');
this.resetCompressData();
return;
}
this.form.compressFile = file;
},
本文はCSDNブロガー「VincentLoveAndroid」のオリジナル文章で、CC 4.0 BY-SAの著作権契約に従い、原文の出典リンクと本声明を転載してください.テキストリンク:https://blog.csdn.net/b7223058/article/details/79390302