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/

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

1 个答案: