كيفية تحميل الصور باستخدام JavaScript و PHP

ستتعلم اليوم في هذه المدونة كيفية تحميل الصور ومعاينتها وتنزيلها باستخدام JavaScript و PHP

مرحبًا أيها القارئ ، ستتعلم اليوم في هذه المدونة كيفية تحميل الصور ومعاينتها وتنزيلها باستخدام JavaScript و PHP.

 

في هذا البرنامج [Image Download using PHP] ، على صفحة الويب ، يوجد مربع معاينة الصورة مع رمز معرض الصور ، وحقل إدخال واحد لصق عنوان URL للصورة ، وزر تنزيل الصوره. يعد حقل الإدخال هذا بمثابة تحقق كامل مما يعني أنه لا يمكن للمستخدم تحميل أي عنوان URL آخر باستثناء الصور.

 

عند لصق عنوان URL صالح للصورة له امتداد .png أو .jpeg ، تظهر معاينة لتلك الصورة ، ويكون زر التنزيل نشطًا أيضًا لتنزيل الصورة ، ويتم تعطيل زر التنزيل افتراضيًا في البداية. عند النقر فوق زر التنزيل ، يقوم بتنزيل الصورة على الفور.

 

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج [Download Image using JavaScript & PHP].

 

لقد رأيت في الفيديو كيف يمكننا تنزيل أي صور بنقرة واحدة باستخدام PHP. أتمنى أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذا البرنامج. في هذا الفيديو ، لقد أنشأت فقط جزء التصميم من برنامج تنزيل الصور. في الجزء الثاني من هذا الفيديو ، أكملت شفرات JavaScript و PHP لهذا البرنامج. إذا كنت لم تشاهد هذا الفيديو بعد ، فيرجى المشاهدة لأنني أوضحت كل سطر من كود JavaScript و PHP بالتعليقات.

 

يعتمد هذا التصميم بالكامل على HTML و CSS ولكن للتحقق من صحة امتداد الصورة وإظهار معاينة الصورة التي استخدمتها JavaScript وتنزيل الصور التي استخدمتها cUrl في PHP. cURL هي أداة لنقل الملفات والبيانات باستخدام بناء جملة URL ، ودعم بروتوكولات متعددة - HTTP و FTP و TELNET والمزيد.

 

تنزيل الصورة في JavaScript و PHP

لإنشاء هذا البرنامج [Image Download using PHP]. أولاً ، تحتاج إلى إنشاء ملفين ، أحدهما ملف PHP والآخر هو ملف CSS. بعد إنشاء هذه الملفات ، قم فقط بلصق الأكواد التالية في ملفك. أولاً ، قم بإنشاء ملف PHP باسم index.php والصق الرموز المحددة في ملف PHP الخاص بك. تذكر أنه يجب عليك إنشاء ملف بامتداد .php.

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow