jquery控制上传文件格式、大小以及图片预览功能

前言：

$("#picture").change(function () {
    var s = $('#picture').val();
    var start = s.indexOf(".") + 1;
    var name = s.substring(start, s.length).toLowerCase();
    if (name != "jpg" && name != "png" && name != "gif") {
        alert("图片格式必须为jpg、png、gif中的一种");
        $("[value='上传']").attr("disabled", true);
        return;
    }
    if (this.files[0].size / 1024 / 1024 > 5) {
        alert("图片不能超过5M");
        $("[value='上传']").attr("disabled", true);
        return;
    }
    var objUrl = getObjectURL(this.files[0]);
    if (objUrl) {
        $("#img0").attr("src", objUrl);
    }
    $("[value='上传']").attr("disabled", false);
});
 
//获得file按钮选取文件的路径
function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) { // basic
        url = window.createObjectURL(file);
    } else if (window.URL != undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}

原文：https://so.csdn.net/so/search/s.do?q=jq%E4%B8%8A%E4%BC%A0%E9%99%90%E5%88%B6%E5%9B%BE%E7%89%87%E5%A4%A7%E5%B0%8F&t=&o=&s=&l=