سكربت بسيط لرفع الصور (طبع الإسم في الخانة لإعادة التسمية + عرض الصورة قبل الرفع)

أحببت أن أشارككم سكربت PHP متواضع لرفع الصور (أو الملفات في حال تعديله), قمت بإضافة صغيرة هي كود الــ Javascript و الــ Jquery هذا:

        function putfilename() 
        {
            var filename = document.getElementById('newfile'); 
            document.getElementById("putname").value = filename.value;
        }

        function result(input) { 
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#viewimg')
                    .attr('src', e.target.result);
                $("#viewimg").attr({
                "style" : "padding: 13px; margin: 0 auto;"
                    });
            };

            reader.readAsDataURL(input.files[0]);
           }
        }

بالتالي عند الرفع يتم طبع الاسم في خانة الاسم للتعديل و كذلك عرض الصورة (Base64) قبل الرفع.

يمكن تعديل الكود بأي شكل تريده.

أضفت بعض مميزات إضافية على شكل تعليقات (مثلاً في حال أردت إضافة عناوين الصور إلى قاعدة البيانات)

الكود مفتوح المصدر:

صورة: