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

React Native (Javascript)

PDF URL

import React, { useState } from 'react';
import { Button, ScrollView, Text, View } from 'react-native';
import axios from 'axios';

const App = () => {
  const [text, setText] = useState('');

  const extractText = async () => {
    try {
      const response = await axios.post('https://v1.mlapi.co/pdf/pdf-to-text', {
        pdf_url: 'https://example.com/your-pdf.pdf',
        api_key: 'your_api_key',
      });
      setText(response.data.text);
    } catch (error) {
      console.error('Error:', error.response ? error.response.data : error.message);
    }
  };

  return (
    <View>
      <Button title="Extract Text" onPress={extractText} />
      <ScrollView>
        <Text>{text}</Text>
      </ScrollView>
    </View>
  );
};

export default App;

Upload PDF file

import React, { useState } from 'react';
import { Button, ScrollView, Text, View } from 'react-native';
import DocumentPicker from 'react-native-document-picker';
import axios from 'axios';

const App = () => {
  const [file, setFile] = useState(null);
  const [text, setText] = useState('');

  const pickFile = async () => {
    try {
      const res = await DocumentPicker.pick({
        type: [DocumentPicker.types.pdf],
      });
      setFile(res[0]);
    } catch (err) {
      if (DocumentPicker.isCancel(err)) {
        console.log('User cancelled the picker');
      } else {
        throw err;
      }
    }
  };

  const extractText = async () => {
    const formData = new FormData();
    formData.append('file', {
      uri: file.uri,
      type: file.type,
      name: file.name,
    });
    formData.append('api_key', 'your_api_key');

    try {
      const response = await axios.post('https://v1.mlapi.co/pdf/pdf-to-text', formData, {
        headers: {
          'Content-Type': 'multipart/form-data',
        },
      });
      setText(response.data.text);
    } catch (error) {
      console.error('Error:', error.response ? error.response.data : error.message);
    }
  };

  return (
    <View>
      <Button title="Pick File" onPress={pickFile} />
      <Button title="Extract Text" onPress={extractText} />
      <ScrollView>
        <Text>{text}</Text>
      </ScrollView>
    </View>
  );
};

export default App;
PreviousReactNextHTML

Last updated 9 months ago