jQuery简单验证上传文件大小及类型的方法
本文旨在介绍如何使用jQuery进行简单的上传文件大小及类型验证。在网页开发中，文件上传功能是非常常见的，而验证文件的类型和大小则是确保数据安全的重要步骤。
当用户在网页上选择文件上传时，我们可以通过jQuery来捕获用户选择的文件信息，并进行相应的验证。以下是一个具体的实例：
在HTML中，我们需要一个文件上传的输入框：
```html
```
然后，在jQuery中，我们可以使用`change`事件来监听用户选择文件的变化。当用户选择文件后，我们可以通过`val()`方法获取到文件的路径。通过这个路径，我们可以获取到文件的扩展名，并进行格式验证。
```javascript
$("myFile").change(function () {
var filepath = $("input[name='myFile']").val();
var extStart = filepath.lastIndexOf(".");
var ext = filepath.substring(extStart, filepath.length).toUpperCase();
if ($Array(ext, ["BMP", "PNG", "GIF", "JPEG", "JPG"]) == -1) {
alert("图片限于bmp,png,gif,jpeg,jpg格式");
$("fileType").text("")
$("fileSize").text("");
return false;
} else {
$("fileType").text(ext)
}
// 进行文件大小验证
// ...
});
```
在上述代码中，我们首先获取文件的扩展名，然后检查它是否在允许的格式列表中。如果不在，就弹出警告，并清空文件类型和文件大小的显示。如果在允许的格式列表中，则显示文件类型。
接下来，我们需要进行文件大小的验证。这里需要注意，不同浏览器对于文件信息的获取方式有所不同。对于非IE浏览器，我们可以直接通过`files[0].size`获取文件大小。对于IE浏览器，我们需要创建一个`Image`对象，通过设置其`src`属性为文件路径，然后在其`fileSize`属性中获取文件大小。获取到文件大小后，我们就可以进行比较，看是否符合我们的要求。
如果文件大小和格式都符合要求，那么我们就可以进行下一步的文件上传操作。否则，我们就需要提示用户文件不符合要求，并阻止文件的上传。
```html