[ad_1]<\/p>\n
This tutorial will provide a step-by-step guide on how to upload an image using AngularJS, PHP, and MySQL. We will cover the basics of setting up the environment, creating the necessary HTML and JavaScript code, and connecting to the database. We will also discuss how to store the image in the database and how to retrieve it for display. By the end of this tutorial, you will have a working image upload system.<\/p>\n
<\/p>\n
\/\/AngularJS<\/p>\n
\/\/Create a file input field in your HTML
\n<\/p>\n
\/\/In your controller, add the following code
\n$scope.uploadImage = function(){
\n var fd = new FormData();
\n fd.append(‘image’, $scope.image);
\n $http.post(‘upload.php’, fd, {
\n transformRequest: angular.identity,
\n headers: {‘Content-Type’: undefined}
\n })
\n .success(function(response){
\n console.log(response);
\n })
\n .error(function(error){
\n console.log(error);
\n });
\n}<\/p>\n
\/\/PHP<\/p>\n
\/\/Create a file called upload.php
\n 500000) {
\n echo “Sorry, your file is too large.”;
\n $uploadOk = 0;
\n }
\n \/\/ Allow certain file formats
\n if($imageFileType != “jpg” && $imageFileType != “png” && $imageFileType != “jpeg”
\n && $imageFileType != “gif” ) {
\n echo “Sorry, only JPG, JPEG, PNG & GIF files are allowed.”;
\n $uploadOk = 0;
\n }
\n \/\/ Check if $uploadOk is set to 0 by an error
\n if ($uploadOk == 0) {
\n echo “Sorry, your file was not uploaded.”;
\n \/\/ if everything is ok, try to upload file
\n } else {
\n if (move_uploaded_file($_FILES[“image”][“tmp_name”], $target_file)) {
\n echo “The file “. basename( $_FILES[“image”][“name”]). ” has been uploaded.”;
\n } else {
\n echo “Sorry, there was an error uploading your file.”;
\n }
\n }
\n?><\/p>\n
\/\/MySQL<\/p>\n
\/\/Create a table in your database to store the image
\nCREATE TABLE images (
\n id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
\n image VARCHAR(255) NOT NULL
\n);<\/p>\n
\/\/Insert the image into the database
\n$sql = “INSERT INTO images (image) VALUES (‘$target_file’)”;
\nif ($conn->query($sql) === TRUE) {
\n echo “New record created successfully”;
\n} else {
\n echo “Error: ” . $sql . “
” . $conn->error;
\n} <\/p>\n
<\/p>\n