本文介绍了如何通过ajax发送base64图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在开发T恤构造函数。当我通过ajax POST方法向服务器发送base64数据（ canvas.toDataUrl（））时，我得到带有空格的base64字符串。
I am develop t-shirt constructor. When I send base64 data (canvas.toDataUrl()) via ajax POST method to server, I get base64 string with spaces.
例如：
发送：
获取：
JS代码：
var data = csrfParam + '=' + csrfToken + '&front_base64=' + frontImage
+ '&back_base64=' + backImage + '&product_id=' + currentProduct['id']
+ '&color_id=' + currentProductColorId + '&size_id=' +
currentProductSize;
var xhr = new XMLHttpRequest();
xhr.open('POST', '/constructor/add-to-cart/', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(data);
xhr.onload = function () {console.log(xhr.responseText)}
推荐答案
我已经理解了我的问题，我需要在base64周围添加 encodeURIComponent（）。感谢Jonathan Kuhn的帮助！
I have understood my problem, I need to add encodeURIComponent() around base64. Thanks Jonathan Kuhn for help!
这篇关于如何通过ajax发送base64图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！