Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <title>سایت آموزشی فری لرن</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> div.imgbox{ margin-top:20px; text-align:center; } div.imgbox img{ max-width:100%; } </style> </head> <body> <input type='file' /> <span>لطفا تصویر را از سیستم تان انتخاب نمایید</span> <div class="imgbox"> <img id="myImg" src="#" alt="تصویر شما در اینجا قرار میگیرد" /> </div> <script> $(function () { $(":file").change(function () { if (this.files && this.files[0]) { var reader = new FileReader(); reader.onload = imageIsLoaded; reader.readAsDataURL(this.files[0]); } }); }); function imageIsLoaded(e) { $('#myImg').attr('src', e.target.result); }; </script> </body> </html>