كيفية عمل معاينة للصور قبل الرفع js

كيفية عمل معاينة للصور قبل الرفع js

بسم الله الرحمن الرحيم

في موضوعنا النهارده هتعلم ازاي نعمل معاينة بسيطة للصورة او عرض للصور في لغة الجافاسكربت

الكود

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img height="250px" width="250px" src="img.jpg" id="mp">
    <br>
    <input onchange="get(this)" type="file" id="f1">
    <script>
        function get(inp){
            if(inp.files[0]){
                read = new FileReader();
                read.onloadend = function(r){
                    document.getElementById("mp").setAttribute("src",r.target.result);
                }
                read.readAsDataURL(inp.files[0]);
            }
        }
    </script>
</body>
</html>


التعليقات
  • فيس بوك
  • ايجيبوك
شارك باول تعليق
قم بالتسجيل اولا