Search by Queries/Bugs/Errors

How to remove Choose File button in jquery

Created at 23-May-2021 , By samar

Through many examples, we will learn how to resolve the "How to remove Choose File button in jquery".

You can remove the choose file button in jquery using the remove method. JQuery remove() method removes the selected elements and it’s child element.

Remove choose file button on click button

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body>
    
    <input type="file" name="image" id="file" />
    <button id="removeFile"> Remove file </button>
    <script>
        $('#removeFile').on('click', function(){
            $('#file').remove();
        })
        </script>
    </body>
</html>

Back to code snippet queries related jquery

If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.

Don't forget to share this article! Help us spread the word by clicking the share button below.

We appreciate your support and are committed to providing you valuable and informative content.

We are thankful for your never ending support.

Bootstrap C C++ Cmd CodeIgniter Css Drupal Git Html Java Javascript Jquery Laravel Mongodb Nodejs Php Python React Sql Typescript Vuejs Wordpress

How to remove Choose File button in jquery

Remove choose file button on click button

Random Code Snippet Queries: Jquery

Latest Code Snippets