js 图片转base64上传图片

<input type="file" class="upload">
<img src="" alt="" id="viewimg">

<script src="home/javascripts/jquery-3.2.1.min-1.js"></script>
<script>
    $(".upload").change(function() {
        //把选择的图片显示到img上
        var fileObj = $(this)[0];
        var windowURL = window.URL || window.webkitURL;
        var dataURL;
        var $img = $("#viewimg");


        if(fileObj && fileObj.files && fileObj.files[0]) {
            dataURL = windowURL.createObjectURL(fileObj.files[0]);//要显示图片的路径
            $img.attr("src", dataURL);//显示图片

            //图片转换成base64
            var reader = new FileReader();
            reader.readAsDataURL(this.files[0]);//这一步是关键

            reader.onload = function (e){
                var base64Img=e.target.result;//这一步是关键

                $.ajax({
                    type:"post",
                    url:"",
                    data:{base64:base64Img}, //base64:e.target.result
                    dataType:"json",
                    success: function () {

                    },
                    error: function () {

                    }
                });
            }
        }
    })
</script>


转载自： https://www.cnblogs.com/kcjm/p/7442896.html