Ajax php文件上传返回undefined错误

时间:2015-01-27 22:11:38

标签: php jquery ajax file upload

我正在尝试使用jquery和php上传包含图像的表单 - 数据已保存,但图像未上传,并且ajax调用运行错误函数,而不是成功函数。

即使有文件从php文件中回显,在jQuery中它似乎只是一个对象的.text值未定义...

这些是php错误日志中的错误消息:

[2015年1月28日12:56:32欧洲/柏林] PHP警告:move_uploaded_file(uploads / mail.jpeg):无法打开流:/ Applications / MAMP / htdocs / app /中没有此类文件或目录第133行的php / signuporganization.php [28-Jan-2015 12:56:32 Europe / Berlin] PHP警告:move_uploaded_file():无法将'/ Applications / MAMP / tmp / php / phpXQ1WoR'移动到/ Applications / MAMP中的'uploads / mail.jpeg'第133行的/htdocs/app/php/signuporganization.php [28-Jan-2015 14:35:29欧洲/柏林] PHP警告:move_uploaded_file(uploads / mail.jpeg):无法打开流:/ Applications / MAMP / htdocs / app / php / signuporganization中没有这样的文件或目录.php在133行 [28-Jan-2015 14:35:29欧洲/柏林] PHP警告:move_uploaded_file():无法将'/ Applications / MAMP / tmp / php / phpXKRDO4'移动到/ Applications / MAMP中的'uploads / mail.jpeg'第133行的/htdocs/app/php/signuporganization.php [28-Jan-2015 14:37:28欧洲/柏林] PHP警告:move_uploaded_file(uploads / mail.jpeg):无法打开流:/ Applications / MAMP / htdocs / app / php / signuporganization中没有这样的文件或目录.php在133行 [28-Jan-2015 14:37:28欧洲/柏林] PHP警告:move_uploaded_file():无法将'/ Applications / MAMP / tmp / php / phpuUFyx6'移动到/ Applications / MAMP中的'uploads / mail.jpeg'第133行的/htdocs/app/php/signuporganization.php

我无法解决问题所在。提前谢谢。

我的jQuery代码是:

$("#signUpOrganizationForm").submit(function(){
		//var organizationFormData = $(this).serialize();
		//data to be sent to server (serialize doesn't work for files, so instead we are manually created FormData. Alternatively you can use the Jquery Form Plugin.        
            var organizationFormData = new FormData();
	    organizationFormData.append( "profilepic", $('#profilepic')[0].files[0]);
	    organizationFormData.append( "orgName", $('#orgName').val());
            organizationFormData.append( "Username", $('#Username').val());
            organizationFormData.append( "Password", $('#Password').val());

	    
		//e.preventDefault();
		
		$.ajax({
			url: "php/signuporganization.php", //Relative or absolute path to response.php file
			type: "POST",
			data: organizationFormData,
			contentType: false,
			processData: false,
			dataType:'json',
			success: function(data) {
			//	data = JSON.parse(data);
				console.log(data);
				alert('Hello we are here and data return = ' + data);
				localStorage.id = data;
				console.log('localStorage = ' + localStorage.id);
				$.mobile.changePage($('#home-organization'),'pop');
				},
			error: function(data, status, error) {
				//data = JSON.parse(data)
				alert('error:' + data.text);	
			}
		});
	});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

php文件是:

<?php

$profilepic = $_FILE[ 'profilepic' ];
$orgName = $_POST[ 'orgName' ];
$name = $_POST[ 'Username' ];
$password = $_POST[ 'Password' ];
$Description = $_POST[ 'Description' ];
$today = date("Ymd");

getPageData($orgName, $name, $password, $today, $Description);
uploadprofilepic($profilepic);

function connectToDB() {

    $mysqliLink = new mysqli('localhost', 'root', 'root', 'giving');

    if(mysqli_connect_errno()){
        echo('not connected');
        exit();
    } else {
    }
    
    return $mysqliLink;
}

function getPageData($orgName, $name, $password, $today, $Description) {
        $mysqliLink = connectToDB();
        $Id = '';
        $query1 = "INSERT INTO users (username,password,type) VALUES ('$name','$password', 'organization')";
        $query2 = "SELECT id FROM users WHERE username='$name'";
        $query3 = "INSERT INTO Organization (Id,Name,SignUpDate,Description,LastActive) VALUES ('$Id', '$orgName', '$today', '$Description','$today')";
        
        if ($result = $mysqliLink->query($query1)) {
                if ($result2 = $mysqliLink->query($query2)) {
                    
            /* fetch object array */
                     while ($obj = $result2->fetch_object()) {
                        $Id=$obj->id;                
                        //$Id =intval($Id);
                      }
                     if ($result3 = $mysqliLink->query($query3)) {
                           echo($Id);
        
        /* free result set */
        //$result->close();
        //$result2->close();
        //$result3->close();
                    }
                }
        }
        /* close connection */
        $mysqliLink->close();

        //$result = $mysqliLink->query("SELECT * FROM 'users' WHERE username='talsegel'");
        //while ($obj = $result->fetch_object()) {
       // echo($obj->password);
        //}
       // alert($DBpassword);


       //  echo('hi' + $obj->password);
    }
    
function uploadprofilepic($profilepic){
    $target_dir = "uploads/";
    $target_file = $target_dir . basename($_FILES["profilepic"]["name"]);
    echo($target_file);
    $uploadOk = 1;
    $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);

    // Check if image file is a actual image or fake image
    if(isset($_POST["submit"])) {
      $check = getimagesize($_FILES["profilepic"]["tmp_name"]);
      if($check !== false) {
        echo ("File is an image - " . $check["mime"] . ".");
        $uploadOk = 1;
      } else {
          echo ("File is not an image.");
          $uploadOk = 0;
      }
    }
    // Check if file already exists
    if (file_exists($target_file)) {
      echo ("Sorry, file already exists.");
      $uploadOk = 0;
    }

    // Check file size
    if ($_FILES["profilepic"]["size"] > 500000) {
      echo ("Sorry, your file is too large.");
      $uploadOk = 0;
    }
    // Allow certain file formats
    if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
      echo ("Sorry, only JPG, JPEG, PNG & GIF files are allowed.");
      $uploadOk = 0;
    }

    // Check if $uploadOk is set to 0 by an error
    if ($uploadOk == 0) {
      echo ("Sorry, your file was not uploaded.");
    // if everything is ok, try to upload file
    } else {
    if (move_uploaded_file($_FILES["profilepic"]["tmp_name"], $target_file)) {
          echo ("The file ". basename( $_FILES["profilepic"]["name"]). " has been uploaded.");
    } else {
        echo ("Sorry, there was an error uploading your file.");
    }
  }
 }


?>

2 个答案:

答案 0 :(得分:0)

我认为在获得profilepic的第一行的PHP脚本中应该是$ _FILES而不是$ _File。

答案 1 :(得分:0)

我发现这是跨源资源共享(CORS)中的一个问题。我通过put header('Access-Control-Allow-Origin:*')来解决它;在php文件中。显然,这不是一个很好的生产选择,但这只是测试。另外,filepath是相对的,所以我不得不在php文件夹中创建uploads文件夹,最后,我必须将返回的数据编码为JSON对象。