如何上传图片并将其src作为二进制数据发送？

Question

我想读入图像数据并发送图像源，以便发送给服务器。 我正在使用创建Base64-String的FileReader。 由于String可能变得非常高，我想将图像源作为二进制数据发送，该怎么办？

目前通过base64完成：

var reader = new FileReader();

reader.readAsDataURL( file );

reader.onloadend = function(){

   var source = this.result; //i need to send this to the server
}

Answer 1

尝试这个：

使用Javascript：

$("#browse").change(function () {
    var files = this.files;
    var reader = new FileReader();
    var name = this.value;
    reader.onload = function (e) {
        $("#preview").append("<a>'" + name + "'</a><img src='" + e.target.result + "' width='30' height='30' />");
        alert(e.target.result);
    };
    reader.readAsDataURL(files[0]);
});

HTML：

<input type="file" id="browse" />
<div id="preview"></div>

我认为，您可以按照想要的方式将e.target.result发送到服务器。

工作演示 ： http : //jsfiddle.net/ashishanexpert/3QyEB/