HTTP Post binary file in Angular2

Question

I have a component that accepts dropped files (images), and then can upload them to the server.

export class MyComp {
  function save() {
    let data : ArrayBuffer = this.readFile(this.file);
    this.imageService.upload(data);
  }
}

The service POST the data to the server as a binary content (content-type is image/png).

@Injectable()
export class ImageService {
    private http: Http;

    constructor(@Inject()http: Http) {
        this.http = http;
    }
    upload(image: ArrayBuffer) {
        let headers = new Headers({ 'Content-Type': 'image/png' });
        //let arr = new Int16Array(image);
        //let body = String.fromCharCode.apply(null, arr);
        return this.http
            .put('/upload', body, { headers: headers })
            .map(response => response.json());
    }

The problem is that I don't arrive to send binary data (ArrayBuffer). I try to send the ArrayBuffer (it sends a string "ArrayBuffer" !), to send a Int16Array (it send a lot more bytes), to convert to string... but nothing works.

Sasxa · Accepted Answer · 2016-02-19 22:32:28Z

2

Those methods are not yet implemented; check source for request and response.

export class Request {
  // TODO: support URLSearchParams | FormData | Blob | ArrayBuffer
}
export class Response {
  // TODO: Support ArrayBuffer, JSON, FormData, Blob
}

answered Feb 19, 2016 at 22:32

Sasxa

41.4k17 gold badges90 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTTP Post binary file in Angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related