jQuery-Implementierung eines Überprüfungsbeispiels für den Größentyp der hochgeladenen Datei-HTML-Tutorial-php.cn

jQuery-Implementierung eines Überprüfungsbeispiels für den Größentyp der hochgeladenen Datei

韦小宝

Freigeben： 2017-11-29 09:54:21

Original

1506 Leute haben es durchsucht

Datei-Upload wird seit langem auf Websites verwendet, und die Verwendung von jQuery zum Hochladen für Benutzer bietet eine bessere Erfahrung. In diesem Kapitel wird über jQuery Beispiele für das Hochladen und Überprüfen der Dateigröße. Schüler, die jQuery lernen möchten, können einen Blick darauf werfen!

Gehen Sie direkt zum Code:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="jquery1.8/jquery-1.8.0.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $("#myFile").change(function () {
        var filepath = $("input[name=&#39;myFile&#39;]").val();
        var extStart = filepath.lastIndexOf(".");
        var ext = filepath.substring(extStart, filepath.length).toUpperCase();
        if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
          alert("图片限于bmp,png,gif,jpeg,jpg格式");
          $("#fileType").text("")
          $("#fileSize").text("");
          return false;
        } else { $("#fileType").text(ext) }
        var file_size = 0;
        if ($.browser.msie) {
          var img = new Image();
          img.src = filepath;
          while (true) {
            if (img.fileSize > 0) {
              if (img.fileSize > 3 * 1024 * 1024) {
                alert("图片不大于100MB。");
              } else {
                var num03 = img.fileSize / 1024;
                num04 = num03.toFixed(2)
                $("#fileSize").text(num04 + "KB");
              }
              break;
            }
          }
        } else {
          file_size = this.files[0].size;
          var size = file_size / 1024;
          if (size > 10240) {
            alert("上传的图片大小不能超过10M！");
          } else {
            var num01 = file_size / 1024;
            num02 = num01.toFixed(2);
            $("#fileSize").text(num02 + " KB");
          }
        }
        return true;
      });
    });
  </script>
  <title>无标题文档</title>
</head>
<body>
  <table width="500" cellspacing="0" cellpadding="0">
    <tr>
      <td width="72" id="fileType">
      </td>
      <td width="242">
        <input type="file" name="myFile" id="myFile" />
      </td>
      <td width="184" id="fileSize" class="fileSize">
      </td>
    </tr>
  </table>
</body>
</html>

Nach dem Login kopieren

Das Obige ist ein Beispiel für die Überprüfung des hochgeladenen Dateigrößentyps durch jQuery. Schüler, die noch jQuery lernen, können es lernen .

Verwandte Empfehlungen:

JQuery-Datei-Upload-Plug-In Uploadify Usage Guide_jQuery

Detaillierte Erläuterung der Verwendung des JQuery-Upload-Plug-Ins Uploadify

Eine einfache Methode zum stapelweisen Hochladen von Bildern in PHP, Android-Batch-Upload von Bildern, JQuery-Upload-Bild-Plug- ein, um Bilder hochzuladen

Das obige ist der detaillierte Inhalt vonjQuery-Implementierung eines Überprüfungsbeispiels für den Größentyp der hochgeladenen Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!