credit-cards-detect-text
credit-cards-detect-text is an axios-dependency module that detects text from credit card image
file and returns:
- The Credit Card Number
- The Credit Card Expiry Date
- The
full
detected text from the image (than you can use for your own further processing)
Installation
- Installing via npm
> npm install credit-cards-detect-text --save OR > npm install credit-cards-detect-text
Example Usage
Create the Google API Key
Follow the instructions on how to create Google API Key for your project(https://cloud.google.com/docs/authentication/api-keys). This will help in authenticating your requests.
Please make sure to copy your key and keep it secure.
Enable Google Cloud Vision api
- You must enable the Vision API for your project. For more information on enabling APIs, see the Service Usage documentation.
- Alternatively Enable the API here.
###Integration
-
In your html add the function to select or take an image of the credit card you want to get the detected text details from.
-
Example as illustrated below using VueJS
<input @change="handleImageSelect($event)" type="file" block accept="image/x-png,image/gif,image/jpeg,image/jpg">
-
> import * as creditCardsDetectText from "credit-cards-detect-text > handleImageSelect: function(event) { // set the secret api key using this function. // This is the Google API Key you created above and will help in authenticating your API requests creditCardsDetectText.setAPISecret({GOOGLE-API-KEY}) // Either use the image event or the image file const selectedImage = event || event.target.files[0] creditCardsDetectText.getCardDetails(selectedImage) .then(response => { console.log("response", JSON.stringify(response)) }).catch((err) => { console.log(err) }) }
-
> import * as creditCardsDetectText from "credit-cards-detect-text > handleImageSelect: async(event) { // set the secret api key using this function. // This is the Google API Key you created above and will help in authenticating your API requests creditCardsDetectText.setAPISecret({GOOGLE-API-KEY}) // Either use the image event or the image file const selectedImage = event || event.target.files[0] const response = await creditCardsDetectText.getCardDetails(selectedImage) console.log(JSON.stringify(response)) }
Un-installation
- To uninstall use the commands below
> npm uninstall credit-cards-detect-text --save OR > npm uninstall credit-cards-detect-text