手机端上传文件限制类型

weixin_34261739

于 2019-01-28 14:50:00 发布

阅读量817

点赞数

原文链接：http://www.cnblogs.com/ajanuw/p/10330213.html

版权

MIME类型

  <body>
    <input type="file" name="" id="f" />
    <script>
      const qs = v => document.querySelector(v);
      const types = [
        'video/mp4',
        'video/ogg',
        'image/jpeg',
        'image/jpg',
        'image/png',
        'image/webp',
      ];
      const fEl = qs('#f');

      fEl.addEventListener('change', e => {
        const files = fEl.files;
        if (!files.length) return;

        const file = files[0];
        const fType = file.type;

        if (types.some(typeStr => typeStr === fType)) {
          console.log(file);
        } else {
          fEl.value = '';
        }
      });
    </script>
  </body>

转载于:https://www.cnblogs.com/ajanuw/p/10330213.html