Coding for Upload Image

-
Upload Image


<html>
<head>
<style>
.custom_upload_button,
.custom_upload_button input {
     height: 250px;
     width: 250px;
 }

 .custom_upload_button {
     background: transparent url(enter any template url) left top no-repeat;
     background-size: contain;
 }

 .custom_upload_button input {
     opacity: 0;
 }
 #output{
   padding-top: 20px;
   max-width:500px;
   min-height: 350px;
 }
</style>
</head>
<body>
<div class="custom_upload_button">
<input type="file" accept="image/*" onchange="loadFile(event)">
</div>
<img id="output"/>
</body>
</html>

Comments

Post a Comment