html 5アップロード圧縮ファイルタイプ制限ソリューション

1161 ワード

需要シーン:
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