Mauryashubham · March 9, 2017 10:29
diff --git a/index.php b/index.php
 Hi all , Welcome to Maurya Tricks , Today we are going to discuss ,
 how to Open Choose File option by clicking on Image or Button in HTML

 /**
 @author : Shubham Maurya,
 Email id : [email protected]
 **/

 1.Make a file in notepad and save it as index.php and paste the below code.

 <!DOCTYPE html>
 <html>
 <head>
  <title></title>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

  <style type="text/css">
    
 .wrapper1
 {
 display: none;
 }

  </style>
 </head>
 <body>

 <a id="btnfile" style="color: #464343;"> 
   <i class="fa fa-camera" aria-hidden="true">Click Here to Open</i>&nbsp;<span id="fname"/>
 </a>

 <div class="wrapper1">
    <input type="file" name="user_img" id="uplodfile" accept="image/*"/>
 </div>

 <!--Click script-->
 <script type="text/javascript">
 $("#btnfile").click(function () {
    $("#uplodfile").click();
 });

 $("#uplodfile").change(function () {
    var file=$(this).val().replace(/C:\\fakepath\\/ig,'');
    
    $("#fname").text(file);
 });

 </script>
 </body>
 </html>
	Hi all , Welcome to Maurya Tricks , Today we are going to discuss ,
	how to Open Choose File option by clicking on Image or Button in HTML

	/**
	@author : Shubham Maurya,
	Email id : [email protected]
	**/

	1.Make a file in notepad and save it as index.php and paste the below code.

	<!DOCTYPE html>
	<html>
	<head>
	<title></title>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

	<style type="text/css">

	.wrapper1
	{
	display: none;
	}

	</style>
	</head>
	<body>

	<a id="btnfile" style="color: #464343;">
	<i class="fa fa-camera" aria-hidden="true">Click Here to Open</i> <span id="fname"/>
	</a>

	<div class="wrapper1">
	<input type="file" name="user_img" id="uplodfile" accept="image/*"/>
	</div>

	<!--Click script-->
	<script type="text/javascript">
	$("#btnfile").click(function () {
	$("#uplodfile").click();
	});

	$("#uplodfile").change(function () {
	var file=$(this).val().replace(/C:\\fakepath\\/ig,'');

	$("#fname").text(file);
	});

	</script>
	</body>
	</html>