PHPackages emmanpbarrameda/filament-take-picture-field - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. emmanpbarrameda/filament-take-picture-field ActiveLibrary[Utility & Helpers](/categories/utility) emmanpbarrameda/filament-take-picture-field =========================================== FilamentTakePictureField Component for Filament Forms v1.2.1(5mo ago)306.4k↓35.9%11[3 PRs](https://github.com/emmanpbarrameda/filament-take-picture-field/pulls)MITBladePHP ^8.1|^8.2|^8.3CI passing Since Apr 16Pushed 3mo ago2 watchersCompare [ Source](https://github.com/emmanpbarrameda/filament-take-picture-field)[ Packagist](https://packagist.org/packages/emmanpbarrameda/filament-take-picture-field)[ Docs](https://github.com/emmanpbarrameda/filament-take-picture-field)[ GitHub Sponsors](https://github.com/emmanpbarrameda)[ RSS](/packages/emmanpbarrameda-filament-take-picture-field/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (10)Versions (6)Used By (0) Filament Take Picture Field v1.2.1 ================================== [](#filament-take-picture-field-v121) ### A custom Filament form component to capture photos from your device camera. [](#a-custom-filament-form-component-to-capture-photos-from-your-device-camera) [![emmanpbarrameda-take-picture-field](https://private-user-images.githubusercontent.com/67356375/483973334-72f92507-91d7-49c2-84f8-a4fbc3127caf.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS80ODM5NzMzMzQtNzJmOTI1MDctOTFkNy00OWMyLTg0ZjgtYTRmYmMzMTI3Y2FmLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlMzYzZGMyZTcyNWI4YzNjMzEzOWVkNGNmYzJjNzkwMzJiY2ExMGM4NTg2NmNiZjcyMzgwNTIzNmQ2Mjg3NjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.L1nhSt5BGmSGtQLiOB59a29G6SHA1C4Q6zLJQ3jUHMo)](https://private-user-images.githubusercontent.com/67356375/483973334-72f92507-91d7-49c2-84f8-a4fbc3127caf.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS80ODM5NzMzMzQtNzJmOTI1MDctOTFkNy00OWMyLTg0ZjgtYTRmYmMzMTI3Y2FmLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlMzYzZGMyZTcyNWI4YzNjMzEzOWVkNGNmYzJjNzkwMzJiY2ExMGM4NTg2NmNiZjcyMzgwNTIzNmQ2Mjg3NjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.L1nhSt5BGmSGtQLiOB59a29G6SHA1C4Q6zLJQ3jUHMo) Features -------- [](#features) - Take photos directly from the user's device camera - Seamless integration with Filament forms - Configurable storage options (disk, directory, visibility) - Camera selector for devices with multiple cameras - Adjustable aspect ratio and image quality - Modal support for better user experience Installation ------------ [](#installation) ``` composer require emmanpbarrameda/filament-take-picture-field:^1.2.1 ``` Requirements ------------ [](#requirements) - Laravel 11^ - PHP: 8.1^ - Filament: v3^ and v4^ - A device with camera access (desktop or mobile) Usage ----- [](#usage) Add the component to your Filament form: ``` use emmanpbarrameda\FilamentTakePictureField\Forms\Components\TakePicture; // ... TakePicture::make('camera_test') ->label('Camera Test') ->disk('public') ->directory('uploads/services/payment_receipts_proof') ->visibility('public') ->showCameraSelector(true) ->aspect('16:9') ->imageQuality(80) ->shouldDeleteOnEdit(false) ``` Configuration Options --------------------- [](#configuration-options) MethodDescription`disk(string $disk)`Set the storage disk for saving photos (default: 'public')`directory(string $directory)`Set the directory path within the disk where photos will be stored`visibility(string $visibility)`Set the file visibility (e.g., 'public', 'private')`showCameraSelector(bool $showSelector)`Enable or disable camera selection option for devices with multiple cameras (default: 'true')`aspect(string $aspect)`Set the aspect ratio for the captured image (e.g., '16:9', '4:3', '1:1')`imageQuality(int $quality)`Set the JPEG quality of the captured image (0-100)`shouldDeleteOnEdit(bool $shouldDelete)`Whether to delete the previous file when editing (default: 'false')Language / Translations (EN / DE / TL) -------------------------------------- [](#language--translations-en--de--tl) This package supports multiple languages out of the box: - **English** (`en`) - **German** (`de`) - **Tagalog / Filipino** (`tl`) It follows your Laravel app locale automatically (e.g. `config('app.locale')`). ### Publish translations (optional) [](#publish-translations-optional) If you want to customize the wording, publish the translation files: ``` php artisan vendor:publish --tag=filament-take-picture-field-translations ``` ❗ IMPORTANT NOTICE: For Local development testing ------------------------------------------------- [](#-important-notice-for-local-development-testing) The browser's Camera API only works on **secure origins** (HTTPS). Many browsers treat `https://localhost` as secure, but **plain** `http://` over an IP (e.g., `http://127.0.0.1:8000`) is considered insecure and the camera will be blocked. If it isn't working for you on `localhost`, switch to HTTPS or **use the temporary Chrome test flags** below. ### Recommended (safer) options [](#recommended-safer-options) ### Temporary Chrome workaround (for testing only) [](#temporary-chrome-workaround-for-testing-only) If you must test over plain HTTP on a LAN IP, you can launch Chrome to *temporarily* treat that origin as secure. **Do not use this for normal browsing.** Use a separate profile and close all Chrome windows first. Replace `http://127.0.0.1:8000` with your dev server's URL. **Windows:** ``` "C:\Program Files\Google\Chrome\Application\chrome.exe" --user-data-dir="C:\chrome-dev-test" --unsafely-treat-insecure-origin-as-secure=http://127.0.0.1:8000 --disable-web-security ``` **macOS:** ``` /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \ --user-data-dir="/tmp/chrome-dev-test" \ --unsafely-treat-insecure-origin-as-secure=http://127.0.0.1:8000 \ --disable-web-security ``` **Linux:** ``` google-chrome \ --user-data-dir="/tmp/chrome-dev-test" \ --unsafely-treat-insecure-origin-as-secure=http://127.0.0.1:8000 \ --disable-web-security ``` ### Security notes [](#security-notes) - These flags **removes important browser protections**. Use them **only** for local testing of your app. - Always use a **separate** `--user-data-dir` so your main Chrome profile stays safe. - Close all Chrome windows before running the command, and avoid visiting untrusted sites in that session. Screenshots ----------- [](#screenshots) [![image](https://private-user-images.githubusercontent.com/67356375/526022600-df23f7b6-7b08-4ba0-9f11-41e9993a620e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI2MDAtZGYyM2Y3YjYtN2IwOC00YmEwLTlmMTEtNDFlOTk5M2E2MjBlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4OWM5Y2I2N2YwNzhlOGNmMzNlNzJkZmY1NjY3ZjdiNWM2MzEzYmE4MzYxMjQyZWE3MmIyY2MwNDIzZmIwNmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.0H5c-wyroc4MzMM777TWc9LjsqiEkRSjEPHySND0z58)](https://private-user-images.githubusercontent.com/67356375/526022600-df23f7b6-7b08-4ba0-9f11-41e9993a620e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI2MDAtZGYyM2Y3YjYtN2IwOC00YmEwLTlmMTEtNDFlOTk5M2E2MjBlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4OWM5Y2I2N2YwNzhlOGNmMzNlNzJkZmY1NjY3ZjdiNWM2MzEzYmE4MzYxMjQyZWE3MmIyY2MwNDIzZmIwNmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.0H5c-wyroc4MzMM777TWc9LjsqiEkRSjEPHySND0z58) [![image](https://private-user-images.githubusercontent.com/67356375/526022649-a4e86c84-dce2-450e-ae0f-f00abe75b6d5.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI2NDktYTRlODZjODQtZGNlMi00NTBlLWFlMGYtZjAwYWJlNzViNmQ1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNlYTIzZDNhNDUwMWIzMjQxMzZlNTZmZWUyZTZlMGU3Y2M3MDYyYjJkMTU4OWRlNzFjMmQzYTdkYWMzYmU2M2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.OM3BAyVrKosJrzTJKDIUNRgrpQ9N6ssxFVcFd2r5LwY)](https://private-user-images.githubusercontent.com/67356375/526022649-a4e86c84-dce2-450e-ae0f-f00abe75b6d5.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI2NDktYTRlODZjODQtZGNlMi00NTBlLWFlMGYtZjAwYWJlNzViNmQ1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNlYTIzZDNhNDUwMWIzMjQxMzZlNTZmZWUyZTZlMGU3Y2M3MDYyYjJkMTU4OWRlNzFjMmQzYTdkYWMzYmU2M2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.OM3BAyVrKosJrzTJKDIUNRgrpQ9N6ssxFVcFd2r5LwY) [![image](https://private-user-images.githubusercontent.com/67356375/526022712-b4b4e1cc-3f34-4fcd-9dd9-abfd67276133.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI3MTItYjRiNGUxY2MtM2YzNC00ZmNkLTlkZDktYWJmZDY3Mjc2MTMzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZiMDJiODAwNzVhYWRjNzMwYWFjMmQ5NzEzNDNmZjlmZWM0ZGI4NmFkY2M0ZWRiMGI4NmNjOTE3ODQ1ZDNhMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.AZl2kdtBznJOXX9M5EpDE80Fv45f9bqfacke_8yHoSc)](https://private-user-images.githubusercontent.com/67356375/526022712-b4b4e1cc-3f34-4fcd-9dd9-abfd67276133.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI3MTItYjRiNGUxY2MtM2YzNC00ZmNkLTlkZDktYWJmZDY3Mjc2MTMzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZiMDJiODAwNzVhYWRjNzMwYWFjMmQ5NzEzNDNmZjlmZWM0ZGI4NmFkY2M0ZWRiMGI4NmNjOTE3ODQ1ZDNhMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.AZl2kdtBznJOXX9M5EpDE80Fv45f9bqfacke_8yHoSc) [![image](https://private-user-images.githubusercontent.com/67356375/526022745-59170832-de09-4dd6-9691-1a1ee84ff1e4.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI3NDUtNTkxNzA4MzItZGUwOS00ZGQ2LTk2OTEtMWExZWU4NGZmMWU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2M2Q4NDFjYmI3YTUwMGYxNTRjZjE4ZjEwNjljYTE2NDQzNzkxOWQxMjExZjFlYTNiODk5NjNjNDkyMDYwNGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0._527CTOP9WVC0L734cEXcNxu7fLY_dTnIUWkcyFNFkk)](https://private-user-images.githubusercontent.com/67356375/526022745-59170832-de09-4dd6-9691-1a1ee84ff1e4.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI3NDUtNTkxNzA4MzItZGUwOS00ZGQ2LTk2OTEtMWExZWU4NGZmMWU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2M2Q4NDFjYmI3YTUwMGYxNTRjZjE4ZjEwNjljYTE2NDQzNzkxOWQxMjExZjFlYTNiODk5NjNjNDkyMDYwNGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0._527CTOP9WVC0L734cEXcNxu7fLY_dTnIUWkcyFNFkk) [![image](https://private-user-images.githubusercontent.com/67356375/526022810-263b9698-b390-4ddc-b9e8-ac828ef2341e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI4MTAtMjYzYjk2OTgtYjM5MC00ZGRjLWI5ZTgtYWM4MjhlZjIzNDFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJlOTgyMmQ1ZTgyNjlhYmFiNzBkYjg4Nzk4MTNiMjVhNmRkZGZhMDkxYWFmYmRiY2E2MDNkMDc0MzRjNjE4YjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Pt9vz2t1NGKERCtr_dDy-acOj0O6pOflMrmpDSZ9uF8)](https://private-user-images.githubusercontent.com/67356375/526022810-263b9698-b390-4ddc-b9e8-ac828ef2341e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI4MTAtMjYzYjk2OTgtYjM5MC00ZGRjLWI5ZTgtYWM4MjhlZjIzNDFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJlOTgyMmQ1ZTgyNjlhYmFiNzBkYjg4Nzk4MTNiMjVhNmRkZGZhMDkxYWFmYmRiY2E2MDNkMDc0MzRjNjE4YjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Pt9vz2t1NGKERCtr_dDy-acOj0O6pOflMrmpDSZ9uF8) [![image](https://private-user-images.githubusercontent.com/67356375/526022846-3aad82ca-7667-45d1-b18b-e55a7c140863.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI4NDYtM2FhZDgyY2EtNzY2Ny00NWQxLWIxOGItZTU1YTdjMTQwODYzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJjZDU3NzQzZGFiNmJhNDliNmVjZjI5YmRkYzEzNDgyZmNkNWFlMmM0YzEyNGMxMjdiN2NiMDI4ZmYxYWU5ZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.3pkLEiqRIhvEs2DcpgbnfFcs_2hG1EOBpvacmNr0ZQg)](https://private-user-images.githubusercontent.com/67356375/526022846-3aad82ca-7667-45d1-b18b-e55a7c140863.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ3NDIxNjQsIm5iZiI6MTc3NDc0MTg2NCwicGF0aCI6Ii82NzM1NjM3NS81MjYwMjI4NDYtM2FhZDgyY2EtNzY2Ny00NWQxLWIxOGItZTU1YTdjMTQwODYzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzI4VDIzNTEwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJjZDU3NzQzZGFiNmJhNDliNmVjZjI5YmRkYzEzNDgyZmNkNWFlMmM0YzEyNGMxMjdiN2NiMDI4ZmYxYWU5ZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.3pkLEiqRIhvEs2DcpgbnfFcs_2hG1EOBpvacmNr0ZQg) Contributing ------------ [](#contributing) Contributions and pull requests for improvements are welcome! License ------- [](#license) MIT [![Glowing Star](https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Glowing%20Star.png)](https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Glowing%20Star.png) Get in touch ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ [](#-get-in-touch) [![](https://camo.githubusercontent.com/6f6dbe90485e6b84c5d69db0849c9f0be57d28b6e1a38faf20720bd02832b482/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d7920506f7274666f6c696f2d2532302d626c75653f7374796c653d666f722d7468652d6261646765266c6f676f3d776562)](https://emmanpbarrameda.github.io) [![](https://camo.githubusercontent.com/74e96dabaf7ba48c89a7464dfce89c416b59ba2dd83213e167377b174bb7d5cd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f456d61696c2d2532302d7265643f7374796c653d666f722d7468652d6261646765266c6f676f3d676d61696c)](mailto:emmanuelbarrameda1@gmail.com) [![](https://camo.githubusercontent.com/5e17a0365627496c5aa54059bab6d1ddef0761b8f9467ef10b60716a98fae2d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f46616365626f6f6b2d2532302d626c75653f7374796c653d666f722d7468652d6261646765266c6f676f3d66616365626f6f6b)](https://facebook.com/emmanpbarrameda/) [![](https://camo.githubusercontent.com/181057ac0b654ae49fd6e2cd3039e10ea7abdec57b4f81a3f05147e93fea5298/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f54656c656772616d2d2532302d626c75653f7374796c653d666f722d7468652d6261646765266c6f676f3d74656c656772616d)](https://t.me/emmanpbarrameda/) [![](https://camo.githubusercontent.com/6a225926f1311e0b336035d4ed9e0a69034291fe4607d1c1a48a004d07c5ee28/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c696e6b6564496e2d2532302d626c75653f7374796c653d666f722d7468652d6261646765266c6f676f3d6c696e6b6564696e)](https://linkedin.com/in/emmanpbarrameda/) [![](https://camo.githubusercontent.com/e6ed7abeb19fd8af964d23eaf1fe88ece3bb06d4e14f6aae9171cd224326dcc8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4769744875622d2532302d626c61636b3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562)](https://github.com/emmanpbarrameda/) [![/e/](https://camo.githubusercontent.com/528c1fdf6de63031338552d02a54759f66e05e674def11557a9d1ad331ff6c1f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d4144455f4259202d20454d4d414e5f505f42415252414d4544412d3130303030303f7374796c653d666f722d7468652d6261646765266c6f676f3d2f652f266c6f676f436f6c6f723d313837374632266c6162656c436f6c6f723d46464646464626636f6c6f723d313837374632)](https://camo.githubusercontent.com/528c1fdf6de63031338552d02a54759f66e05e674def11557a9d1ad331ff6c1f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d4144455f4259202d20454d4d414e5f505f42415252414d4544412d3130303030303f7374796c653d666f722d7468652d6261646765266c6f676f3d2f652f266c6f676f436f6c6f723d313837374632266c6162656c436f6c6f723d46464646464626636f6c6f723d313837374632) [![](https://camo.githubusercontent.com/dc023cb75a6a8eba443d4990a97f854a8a80f35abf75689169a22aac39e8d4ac/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d414b455f574954485f4c4f56455f46524f4d5f50482de29da4efb88f2d3130303030303f7374796c653d666f722d7468652d6261646765266c6162656c436f6c6f723d45463430343126636f6c6f723d433132383244)](https://camo.githubusercontent.com/dc023cb75a6a8eba443d4990a97f854a8a80f35abf75689169a22aac39e8d4ac/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d414b455f574954485f4c4f56455f46524f4d5f50482de29da4efb88f2d3130303030303f7374796c653d666f722d7468652d6261646765266c6162656c436f6c6f723d45463430343126636f6c6f723d433132383244) ### Health Score 49 — FairBetter than 95% of packages Maintenance76 Regular maintenance activity Popularity37 Limited adoption so far Community16 Small or concentrated contributor base Maturity56 Maturing project, gaining track record Bus Factor1 Top contributor holds 76.5% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~80 days Total 4 Last Release 157d ago PHP version history (2 changes)v1.0.0PHP ^8.1 v1.1.0PHP ^8.1|^8.2|^8.3 ### Community Maintainers ![](https://www.gravatar.com/avatar/fbf01baf638e737c15ab200977664e9620e0603f0db36d47eb6696b5e539179f?d=identicon)[emmanpbarrameda](/maintainers/emmanpbarrameda) --- Top Contributors [![emmanpbarrameda](https://avatars.githubusercontent.com/u/67356375?v=4)](https://github.com/emmanpbarrameda "emmanpbarrameda (39 commits)")[![OccTherapist](https://avatars.githubusercontent.com/u/28587659?v=4)](https://github.com/OccTherapist "OccTherapist (10 commits)")[![EduardoPassosDev](https://avatars.githubusercontent.com/u/199660090?v=4)](https://github.com/EduardoPassosDev "EduardoPassosDev (1 commits)")[![fsavina](https://avatars.githubusercontent.com/u/4038144?v=4)](https://github.com/fsavina "fsavina (1 commits)") --- Tags filamentfilament-take-picturetake-picture-fieldlaravelfilamentform-componentemmanpbarramedafilament-take-picture-fieldtake-picture ### Code Quality TestsPest ### Embed Badge ![Health badge](/badges/emmanpbarrameda-filament-take-picture-field/health.svg) ``` [![Health](https://phpackages.com/badges/emmanpbarrameda-filament-take-picture-field/health.svg)](https://phpackages.com/packages/emmanpbarrameda-filament-take-picture-field) ``` ### Alternatives [codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 320392.1k17](/packages/codewithdennis-filament-select-tree)[awcodes/filament-table-repeater A modified version of the Filament Forms Repeater to display it as a table. 262815.1k5](/packages/awcodes-filament-table-repeater)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 33184.7k6](/packages/schmeits-filament-character-counter)[icetalker/filament-table-repeater This is a package for Filament form component. Extends form Repeater, but shows in Table Layout. 136178.4k2](/packages/icetalker-filament-table-repeater)[defstudio/filament-searchable-input A searchable autocomplete input for Filament forms 3212.4k](/packages/defstudio-filament-searchable-input)[jibaymcs/filament-tour Bring the power of DriverJs to your Filament panels and start a tour ! 12247.8k](/packages/jibaymcs-filament-tour) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)