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

通过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;
}
    原文作者:Luxus_C
    原文地址: https://blog.csdn.net/luchengbing0120/article/details/78160522
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞