Maison >interface Web >tutoriel HTML >Implémentation jQuery d'un exemple de vérification du type de taille de fichier téléchargé
Implémentation jQuery d'un exemple de vérification du type de taille de fichier téléchargé
- 韦小宝original
- 2017-11-29 09:54:211526parcourir
Le
Le téléchargement de fichiers est utilisé dans les sites Web depuis longtemps, et l'utilisation de jQuery pour télécharger vers les utilisateurs offre une meilleure expérience. Ce chapitre parlera de jQuery Exemples de téléchargement et de vérification de la taille des fichiers. Les étudiants qui souhaitent apprendre jQuery peuvent y jeter un œil !
Accédez directement au 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='myFile']").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>Ce qui précède est un exemple de vérification par jquery du type de taille de fichier téléchargé. Les étudiants qui apprennent encore jQuery peuvent l'étudier. .
Recommandations associées :
Plug-in de téléchargement de fichiers jQuery Guide d'utilisation de Uploadify_jquery
Explication détaillée de l'utilisation du plug-in de téléchargement JQuery Uploadify
Une méthode simple pour télécharger des images par lots en php Android batch upload pictures jquery upload photo plug- pour télécharger des photos
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!