Question

我试图将base64编码的img发送到服务器，javascript看起来像是

var xhr=new XMLHttpRequest()
var reader=new FileReader()
reader.onloadend=function(e){
xhr.onload=function(e){
alert(xhr.responseText)
}
xhr.open("POST","upload.php");
        xhr.setRequestHeader("Cache-Control", "no-cache");
        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        //xhr.setRequestHeader("X-File-Name", file.name);
        //xhr.setRequestHeader("X-File-Type",file.type)
xhr.send(e.target.result)
}
reader.readAsDataURL(file)
},false)

在php中，看起来像这样：

echo "some response Text";
$postdata = file_get_contents("php://input");
file_put_contents('MyFile.jpg', base64_decode($postdata));

并且，最终，服务器获取的文件完全与发送的文件一样大但是，它无法打开
有人得到一些想法吗？非常感谢！

Answer 1

reader.readAsDataURL(file)

数据URL与文件的base64版本不同。你会得到额外的垃圾。它看起来像这样：

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

请参阅Wikipedia。

尝试对它进行简单的正则表达式：

var data = dataURL.match(/,(.*)$/)[1];

或者，在您的代码中，

xhr.send(e.target.result.match(/,(.*)$/)[1]);

xhr发送base64字符串并将其在服务器中解码为文件

1 个答案: