DEV Community

Cover image for Amazing Specific Select File Using HTML CSS & JS
Nikhil Bobade
Nikhil Bobade

Posted on

Amazing Specific Select File Using HTML CSS & JS

Today I created a Amazing Specific with HTML & JS. I use JavaScript to select this file name and upload this file you can be use a post method after choose the file using axios or http I hope you like this also comments about your thoughts.

For more content follow me on Instagram @developer_nikhil27.

Top comments (10)

Collapse
 
justokaycoding profile image
justokaycoding

Yeah, that’s cool

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks bro!

Collapse
 
rajeshkumaryadavdotcom profile image
RajeshKumarYadav.com

This is nice but could be more better if you think of code newbie point of view, you can edit this article and explain the code :)

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks for suggesting I will be do that

Collapse
 
khaledeev profile image
Khalid Mesbah • Edited

this is so cool well done brother

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you 😊

Collapse
 
achilemy1 profile image
Leslie Acheson Wey

Beautiful work

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you 😊

Collapse
 
bijayhash profile image
bijay-hash

dell@DESKTOP-K9VOCKU MINGW64 /c/xampp/htdocs/VijayTechnical (master)master)
$ git push heroku master
Enumerating objects: 5296, done.
Counting objects: 100% (5296/5296), done.
Delta compression using up to 4 threads
Compressing objects: 100% (5066/5066), done. done.
Writing objects: 100% (5296/5296), 29.75 MiB | 880.00 KiB/s,
done.
Total 5296 (delta 850), reused 0 (delta 0), pack-reused 0

remote: Compressing source files... done.
remote: Building source:
remote: p
remote: -----> Building on the Heroku-20 stack the ability to handle this app. Th
remote: -----> Determining which buildpack to use for this app .js
remote: ! Warning: Multiple default buildpacks reported com/articles/buildpacks#buildpack-
the ability to handle this app. The first buildpack in the list below will be used.
remote: Detected buildpacks: PHP,Node.js
remote: See devcenter.heroku.com/articles/buil...
remote: -----> PHP app detected
remote: -----> Bootstrapping...
remote: -----> Installing platform packages...
remote: - php (8.0.6)
remote: - ext-mbstring (bundled with php)
remote: - apache (2.4.46)
remote: - nginx (1.18.0)
remote: - composer (2.0.13)
remote: -----> Installing dependencies...
remote: Composer version 2.0.13 2021-04-27 13:11:08

remote: Installing dependencies from lock file

remote: Verifying lock file contents can be installed
on current platform.
remote: Package operations: 73 installs, 0 updates, 0
removals
remote: - Downloading ably/ably-php (1.1.4)
remote: - Downloading boolfalse/clearcaches (v1.1.4)
remote: - Downloading voku/portable-ascii (1.5.6)

remote: - Downloading symfony/polyfill-php80 (v1.22.1)
remote: - Downloading symfony/polyfill-mbstring (v1.22.1)
remote: - Downloading symfony/polyfill-ctype (v1.22.1)
remote: - Downloading phpoption/phpoption (1.7.5)

remote: - Downloading graham-campbell/result-type (v1.0.1)
remote: - Downloading vlucas/phpdotenv (v5.3.0)

remote: - Downloading symfony/css-selector (v5.2.7)
remote: - Downloading tijsverkoyen/css-to-inline-styles (2.2.3)
remote: - Downloading symfony/var-dumper (v5.2.8)

remote: - Downloading symfony/deprecation-contracts
(v2.4.0)
remote: - Downloading symfony/routing (v5.2.7)

remote: - Downloading symfony/process (v5.2.7)

remote: - Downloading symfony/polyfill-php72 (v1.22.1)
remote: - Downloading symfony/polyfill-intl-normalizer (v1.22.1)
remote: - Downloading symfony/polyfill-intl-idn (v1.22.1)
remote: - Downloading symfony/mime (v5.2.7)
remote: - Downloading symfony/polyfill-php73 (v1.22.1)
remote: - Downloading symfony/http-foundation (v5.2.8)
remote: - Downloading symfony/http-client-contracts
(v2.4.0)
remote: - Downloading psr/event-dispatcher (1.0.0)

remote: - Downloading symfony/event-dispatcher-contracts (v2.4.0)
remote: - Downloading symfony/event-dispatcher (v5.2.4)
remote: - Downloading psr/log (1.1.4)
remote: - Downloading symfony/error-handler (v5.2.8)
remote: - Downloading symfony/http-kernel (v5.2.8)

remote: - Downloading symfony/finder (v5.2.8)

remote: - Downloading symfony/polyfill-intl-grapheme (v1.22.1)
remote: - Downloading symfony/string (v5.2.8)

remote: - Downloading psr/container (1.1.1)
remote: - Downloading symfony/service-contracts (v2.4.0)
remote: - Downloading symfony/console (v5.2.8)

remote: - Downloading symfony/polyfill-iconv (v1.22.1)
remote: - Downloading doctrine/lexer (1.2.1)

remote: - Downloading egulias/email-validator (2.1.25)
remote: - Downloading swiftmailer/swiftmailer (v6.2.7)
remote: - Downloading ramsey/collection (1.1.3)

remote: - Downloading brick/math (0.9.2)
remote: - Downloading ramsey/uuid (4.1.1)
remote: - Downloading psr/simple-cache (1.0.1)

remote: - Downloading opis/closure (3.6.2)
remote: - Downloading symfony/translation-contracts
(v2.4.0)
remote: - Downloading symfony/translation (v5.2.8)

remote: - Downloading nesbot/carbon (2.48.0)

remote: - Downloading monolog/monolog (2.2.0)

remote: - Downloading league/mime-type-detection (1.7.0)
remote: - Downloading league/flysystem (1.1.3)

remote: - Downloading league/commonmark (1.6.2)

remote: - Downloading webmozart/assert (1.10.0)

remote: - Downloading dragonmantank/cron-expression
(v3.1.0)
remote: - Downloading doctrine/inflector (2.0.3)

remote: - Downloading laravel/framework (v8.41.0)

remote: - Downloading balping/json-raw-encoder (v1.0.1)
remote: - Downloading consoletvs/charts (6.5.5)

remote: - Downloading fideloper/proxy (4.4.1)

remote: - Downloading asm89/stack-cors (v2.0.3)

remote: - Downloading fruitcake/laravel-cors (v2.0.4)
remote: - Downloading guzzlehttp/promises (1.4.1)

remote: - Downloading ralouphie/getallheaders (3.0.3)
remote: - Downloading psr/http-message (1.0.1)

remote: - Downloading guzzlehttp/psr7 (1.8.2)

remote: - Downloading psr/http-client (1.0.1)

remote: - Downloading guzzlehttp/guzzle (7.3.0)

remote: - Downloading laravel/slack-notification-channel (v2.3.1)
remote: - Downloading nikic/php-parser (v4.10.5)

remote: - Downloading psy/psysh (v0.10.8)
remote: - Downloading laravel/tinker (v2.6.1)

remote: - Downloading laravel/ui (v3.2.1)
remote: - Downloading paragonie/random_compat (v9.99.100)
remote: - Downloading paragonie/sodium_compat (v1.15.4)
remote: - Downloading pusher/pusher-php-server (5.0.3)
remote: - Installing ably/ably-php (1.1.4): Extracting archive
remote: - Installing boolfalse/clearcaches (v1.1.4): Extracting archive
remote: - Installing voku/portable-ascii (1.5.6): Extracting archive
remote: - Installing symfony/polyfill-php80 (v1.22.1): Extracting archive
remote: - Installing symfony/polyfill-mbstring (v1.22.1): Extracting archive
remote: - Installing symfony/polyfill-ctype (v1.22.1): Extracting archive
remote: - Installing phpoption/phpoption (1.7.5): Extracting archive
remote: - Installing graham-campbell/result-type (v1.0.1): Extracting archive
remote: - Installing vlucas/phpdotenv (v5.3.0): Extracting archive
remote: - Installing symfony/css-selector (v5.2.7):
Extracting archive
remote: - Installing tijsverkoyen/css-to-inline-styles (2.2.3): Extracting archive
remote: - Installing symfony/var-dumper (v5.2.8): Extracting archive
remote: - Installing symfony/deprecation-contracts (v2.4.0): Extracting archive
remote: - Installing symfony/routing (v5.2.7): Extracting archive
remote: - Installing symfony/process (v5.2.7): Extracting archive
remote: - Installing symfony/polyfill-php72 (v1.22.1): Extracting archive
remote: - Installing symfony/polyfill-intl-normalizer (v1.22.1): Extracting archive
remote: - Installing symfony/polyfill-intl-idn (v1.22.1): Extracting archive
remote: - Installing symfony/mime (v5.2.7): Extracting archive
remote: - Installing symfony/polyfill-php73 (v1.22.1): Extracting archive
remote: - Installing symfony/http-foundation (v5.2.8): Extracting archive
remote: - Installing symfony/http-client-contracts (v2.4.0): Extracting archive
remote: - Installing psr/event-dispatcher (1.0.0): Extracting archive
remote: - Installing symfony/event-dispatcher-contracts (v2.4.0): Extracting archive
remote: - Installing symfony/event-dispatcher (v5.2.4): Extracting archive
remote: - Installing psr/log (1.1.4): Extracting archive
remote: - Installing symfony/error-handler (v5.2.8): Extracting archive
remote: - Installing symfony/http-kernel (v5.2.8): Extracting archive
remote: - Installing symfony/finder (v5.2.8): Extracting archive
remote: - Installing symfony/polyfill-intl-grapheme
(v1.22.1): Extracting archive
remote: - Installing symfony/string (v5.2.8): Extracting archive
remote: - Installing psr/container (1.1.1): Extracting archive
remote: - Installing symfony/service-contracts (v2.4.0): Extracting archive
remote: - Installing symfony/console (v5.2.8): Extracting archive
remote: - Installing symfony/polyfill-iconv (v1.22.1): Extracting archive
remote: - Installing doctrine/lexer (1.2.1): Extracting archive
remote: - Installing egulias/email-validator (2.1.25): Extracting archive
remote: - Installing swiftmailer/swiftmailer (v6.2.7): Extracting archive
remote: - Installing ramsey/collection (1.1.3): Extracting archive
remote: - Installing brick/math (0.9.2): Extracting
archive
remote: - Installing ramsey/uuid (4.1.1): Extracting archive
remote: - Installing psr/simple-cache (1.0.1): Extracting archive
remote: - Installing opis/closure (3.6.2): Extracting archive
remote: - Installing symfony/translation-contracts (v2.4.0): Extracting archive
remote: - Installing symfony/translation (v5.2.8): Extracting archive
remote: - Installing nesbot/carbon (2.48.0): Extracting archive
remote: - Installing monolog/monolog (2.2.0): Extracting archive
remote: - Installing league/mime-type-detection (1.7.0): Extracting archive
remote: - Installing league/flysystem (1.1.3): Extracting archive
remote: - Installing league/commonmark (1.6.2): Extracting archive
remote: - Installing webmozart/assert (1.10.0): Extracting archive
remote: - Installing dragonmantank/cron-expression (v3.1.0): Extracting archive
remote: - Installing doctrine/inflector (2.0.3): Extracting archive
remote: - Installing laravel/framework (v8.41.0): Extracting archive
remote: - Installing balping/json-raw-encoder (v1.0.1): Extracting archive
remote: - Installing consoletvs/charts (6.5.5): Extracting archive
remote: - Installing fideloper/proxy (4.4.1): Extracting archive
remote: - Installing asm89/stack-cors (v2.0.3): Extracting archive
remote: - Installing fruitcake/laravel-cors (v2.0.4): Extracting archive
remote: - Installing guzzlehttp/promises (1.4.1): Extracting archive
remote: - Installing ralouphie/getallheaders (3.0.3): Extracting archive
remote: - Installing psr/http-message (1.0.1): Extracting archive
remote: - Installing guzzlehttp/psr7 (1.8.2): Extracting archive
remote: - Installing psr/http-client (1.0.1): Extracting archive
remote: - Installing guzzlehttp/guzzle (7.3.0): Extracting archive
remote: - Installing laravel/slack-notification-channel (v2.3.1): Extracting archive
remote: - Installing nikic/php-parser (v4.10.5): Extracting archive
remote: - Installing psy/psysh (v0.10.8): Extracting archive
remote: - Installing laravel/tinker (v2.6.1): Extracting archive
remote: - Installing laravel/ui (v3.2.1): Extracting archive
remote: - Installing paragonie/random_compat (v9.99.100): Extracting archive
remote: - Installing paragonie/sodium_compat (v1.15.4): Extracting archive
remote: - Installing pusher/pusher-php-server (5.0.3): Extracting archive
remote: Generating optimized autoload files
remote: > Illuminate\Foundation\ComposerScripts::postAutoloadDump
remote: > @php artisan package:discover --ansi

remote:

remote: In database.php line 5:
remote:
remote: Undefined constant "‘DATABASE_URL’"
remote:
remote:
remote: Script @php artisan package:discover --ansi handling the post-autoload-dump event returned with error code
1
remote: ! WARNING: A post-autoload-dump script terminated with an error
remote:
remote: ! ERROR: Dependency installation failed!

remote: !
remote: ! The 'composer install' process failed with an
error. The cause
remote: ! may be the download or installation of packages, or a pre- or
remote: ! post-install hook (e.g. a 'post-install-cmd' item in 'scripts')
remote: ! in your 'composer.json'.
remote: !
remote: ! Typical error cases are out-of-date or missing parts of code,
remote: ! timeouts when making external connections, or
memory limits.
remote: !
remote: ! Check the above error output closely to determine the cause of
remote: ! the problem, ensure the code you're pushing is functioning
remote: ! properly, and that all local changes are committed correctly.
remote: !
remote: ! For more information on builds for PHP on Heroku, refer to
remote: ! devcenter.heroku.com/articles/php-...
remote: !
remote: ! REMINDER: the following warnings were emitted
during the build;
remote: ! check the details above, as they may be related to this error:
remote: ! - A post-autoload-dump script terminated with
an error
remote:
remote: ! Push rejected, failed to compile PHP app.

remote:
remote: ! Push failed
remote: !
remote: ! ## Warning - The same version of this code has already been built: 9ea7ebe72d0503dd29633ef5c669a8d399de8787

remote: !
remote: ! We have detected that you have triggered a build from source code with version 9ea7ebe72d0503dd29633ef5c669a8d399de8787
remote: ! at least twice. One common cause of this behavior is attempting to deploy code from
a different branch.
remote: !
remote: ! If you are developing on a branch and deploying via git you must run:
remote: !
remote: ! git push heroku :main
remote: !
remote: ! This article goes into details on the behavior:
remote: ! devcenter.heroku.com/articles/dupl...
remote:
remote: Verifying deploy...
remote:
remote: ! Push rejected to vijaytechnical.
remote:
To git.heroku.com/vijaytechnical.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'git.heroku.com/vijaytechnical.git'

can someone help me finding the solution of this problem