当前位置: 首页 > 工具软件 > Filebase > 使用案例 >

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

范文昌
2023-12-01
<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(""); //文件
            }

        })

 

 类似资料: