JQ選擇圖片url轉base64編碼

HTML

<input type='file' class='upload-img' />

JQ

$('.upload-img').on('change',function(){
    var file = this.files[0];
        // 圖片尾碼  
        var suffix = file.name.split(".")[1];
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e) {
            // base64編碼
            image_base64 = this.result.split(",")[1];
            console.log(image_base64);
        }
    });

一般如果往後臺傳base64值的話，需要拼一下圖片的尾碼，可以字元串拼接把截取好的 suffix 拼在一起。
之前一次使用post請求上傳圖片過多，post請求理論上對參數的大小沒有限制，但是伺服器有限制，導致上傳失敗，這時設置一下Tomcat的server.xml裡面的maxPostSize就可以了。不過還是建議使用Form表單提交文件，使其更有效率。