Angular

PDF url

import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="extractText()">Extract Text</button>
    <pre>{{ text }}</pre>
  `
})
export class AppComponent {
  text: string;

  constructor(private http: HttpClient) {}

  extractText() {
    this.http.post<any>('https://v1.mlapi.co/pdf/pdf-to-text', {
      pdf_url: 'https://example.com/your-pdf.pdf',
      api_key: 'your_api_key'
    }).subscribe(response => {
      this.text = response.text;
    }, error => {
      console.error('Error:', error);
    });
  }
}

Upload PDF file

import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <input type="file" (change)="handleFileChange($event)">
    <button (click)="extractText()">Extract Text</button>
    <pre>{{ text }}</pre>
  `
})
export class AppComponent {
  file: File;
  text: string;

  constructor(private http: HttpClient) {}

  handleFileChange(event: any) {
    this.file = event.target.files[0];
  }

  extractText() {
    const formData = new FormData();
    formData.append('file', this.file);
    formData.append('api_key', 'your_api_key');

    this.http.post<any>('https://v1.mlapi.co/pdf/pdf-to-text', formData).subscribe(response => {
      this.text = response.text;
    }, error => {
      console.error('Error:', error);
    });
  }
}
type

Last updated