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;

Last updated