input file 上传图片转base64以及获取图片大小

最新推荐文章于 2024-08-09 11:00:24 发布

周金鱼啊

最新推荐文章于 2024-08-09 11:00:24 发布

阅读量2.4k

点赞数 1

本文链接：https://blog.csdn.net/weixin_40881970/article/details/100581696

版权

<input type="file" class="fileBtn disB" id="uploadImg" accept="image/*" style="margin-left:72px;position:relative;top:8px;" />


        //图片文件转base64
        var imgBaseArr,fileSize;
        $("#uploadImg").change(function (e) {
            var reader = new FileReader();
            reader.onload = function (e) {
                console.log(e)
                var imgBase = reader.result; //这个就是base64的编码
                //截取掉前面的内容“data:image/png;base64”，
                if (imgBase.split(',')[0].indexOf('base64') >= 0) {
                    imgBaseArr = imgBase.split(',')[1];
                }
            }
            reader.readAsDataURL(this.files[0])

            //获取图片大小，字节 
            var fileMsg = e.currentTarget.files;
            fileSize = fileMsg[0].size;//不能超过2668484,大约为2.6MB
            if (fileSize > 2668484) {
                alert("选择的图像文件不能超过2.6MB,请重新选择!");
                $("#uploadImg").val(""); //文件
            }

        })