Uploading images to PHP Server via AJAX
4.5 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,028 students enrolled

Uploading images to PHP Server via AJAX

Explore how you can use AJAX and HTML forms to upload images to PHP servers
4.5 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,028 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
11 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 6 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to send images to the server
  • Showing previews of images
  • Returning back the path of the new upload
Course content
Expand all 21 lectures 01:27:36
+ Introduction to image upload via PHP
19 lectures 01:26:20
System Setup and Resources
04:27
Get FILE information from submission
03:07
Image validation check in PHP
08:12
Check upload size and check for errors
05:57
Save file to server PHP
06:14
Source File upload to server
00:29
Send to separate php file show image
03:58
add jQuery and setup form for upload
04:03
Create AJAX request to PHP
04:59
Preview image as base64 format
08:56
Decode base64 image using PHP
09:23
Source Code index.html
00:22
index.html code review
05:29
Source Code uploader.php
00:25
uploader.php source code review
06:27
source code save.php
00:02
code review save.php
02:53
+ Resources and links
2 lectures 01:15
Course Resources
00:01
Bonus Lecture
01:13
Requirements
  • jQuery AJAX
  • Basic PHP knowledge
Description

Explore how to upload images to your server using AJAX and PHP.

Please note this course covers PHP within the scope of saving files, specifically image files on your server.  Knowledge of PHP is a prerequisite  to this course.  AJAX is done via jQuery which is also a prerequisite to this course.  jQuery is only covered within simple AJAX calls and some element html updates.

This course covers a number of methods to store image data onto your server.

Learn how to create a Simple Form with a file input and submit the data to a PHP file.    Use PHP to check for valid images, file sizes and check for errors.

Using AJAX to submit form file contents to the server removes the need for a page reload and lets you make use of the response data and output it into your HTML.   Simple easy clean way to send images to your server.

BASE64 image data to PHP server can be used to create an image and save it to a file location on the server.  This method will ensure you have an image format as its not simply coping the file but actually using the encoded data to create the image file.   This method is useful when the image is also generated on the fly.

  • Source code is included to get you started quickly.
  • Resources and helpful links are also included

Taught by an instructor with over 18 years of real world web development experience, ready to answer any questions you may have.

Join now and start creating your own PHP applications today.

Who this course is for:
  • Web developers
  • PHP developers
  • Anyone who wants to learn how to upload images