js图片转base64字符串格式上传

选择文件,回显图片以及转base64格式后字符串隐藏提交文本域

触发onchange事件

function imgChange(){
            var reader = new FileReader();
            //上传图片最大值(单位字节)( 2 M = 2097152 B )超过2M上传失败
            var AllowImgFileSize = 2100000; 
            var file = $("#image")[0].files[0];
            if (file) {
                //将文件以Data URL形式读入页面
                reader.readAsDataURL(file);
                reader.onload = function (e) {
                    var base64Code=reader.result
                    if (AllowImgFileSize != 0 && AllowImgFileSize < reader.result.length) {
                        alert( '上传失败,请上传不大于2M的图片!');
                        return;
                    }else{
                        $('.contain_img>img').css('display','block');//回显标签显示
                        $("img").attr("src",base64Code);//回显图片添加
                        $("#frontIcon").val(base64Code);//存入隐藏提交域
                    }
                }
            }
		}

表单提交到后台,base64格式直接使用String字符串格式接收。

你可能感兴趣的:(JavaScript)