mlapi
HomeBlog
  • Welcome
  • Extract Text from PDF
    • Parameters
    • Supported File types
    • Error Responses
    • Programming Languages
      • Python
      • Javascript
      • Curl
      • Java
      • Go
      • Rust
      • C++
    • Web and Mobile frameworks
      • React
      • React Native (Javascript)
      • HTML
      • PHP
      • Rust (with Active-Web)
      • Angular
      • Flutter
      • Andriod Development (Java)
      • Swift
      • Vue.js
      • Svelte
    • Pricing
    • On Premise Deployment
Powered by GitBook
On this page
  1. Extract Text from PDF
  2. Web and Mobile frameworks

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
PreviousRust (with Active-Web)NextFlutter

Last updated 9 months ago