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

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

        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) قبل الرفع.

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

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

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

http://ift.tt/2iEq6rc

صورة:

https://suar.me/vELq

from حسوب I/O - الأكثر شيوعاً http://ift.tt/2hThCOi