jqueryのajaxのフォームで添付ファイルが送信できない

Question

jqueryのajaxとphpを使用して添付ファイル付きメールを送信するフォームを作成したのですが、「正しく送信されました」とポップアップが出たにもかかわらずメールが送信されていません。
原因は何でしょうか。ご提示よろしくお願いいたします。

$(document).ready(function(){
	$("#mailform form").submit(function(event) {
	// HTMLでの送信をキャンセル
        event.preventDefault();
        
		var errMsg      = "";
		var isFormError = false;

		var tmpName  = "";
		var tmpMessage  = "";

		var buf = "";
		buf = $(this).find("[name = Penname]").val().replace(/\s+$/,"");
		if(buf == ""){
			errMsg += "ペンネームを入力してください\n";
			isFormError = true;
		}
		else if(buf.length > 20){
			errMsg += "ペンネームが長すぎます("+buf.length+"文字))\n";
			isFormError = true;
		}
		else{
			tmpName = buf;
		}

		buf = $(this).find("[name = Message]").val().replace(/\s+$/,"");
		if(buf ==""){
			errMsg += "メッセージを入力してください\n";
			isFormError = true;
		}
		else if(buf.length > 10000){
			errMsg += "メッセージが長すぎます 現在("+buf.length+"文字)\n";
			isFormError = true;
		}
		else{
			tmpMessage = buf;
		}

		if(isFormError == true){
			alert(errMsg);
			event.preventDefault();
			return false;
		}
		else if(window.confirm("この内容で送信します。")==true){
			// 無駄な空白を省いた物(telは全角半角変換も有り)
			$(this).find("[name = Name]").val(tmpName);
			$(this).find("[name = Message]").val(tmpMessage);
			
			$.ajax({
				type: $(this).attr('method'),
				url: $(this).attr('action'),
				data: $(this).serialize(),
				timeout: 10000,  // 単位はミリ秒
				processData: false,
				contentType: false,
            
				// 送信前
				beforeSend: function(xhr, settings) {
					// ボタンを無効化し、二重送信を防止
					 $(this).find('submit').attr('disabled', true);
				},
				// 応答後
				complete: function(xhr, textStatus) {
					// ボタンを有効化し、再送信を許可
					$(this).find('submit').attr('disabled', false);
				},
				success: function(result, textStatus, xhr) {
					alert('正しく送信されました。');
					$(this).find("[name = Message]").val(''); 
				},
				// 通信失敗時の処理
				error: function(xhr, textStatus, error) {
					alert('正しく送信されませんでした。\n' + error );
				}
			});
			
			return false;
		}
		return false;
	});
});

<?php

//Ajax通信ではなく、直接URLを叩かれた場合はエラーメッセージを表示
if (
    !(isset($_SERVER["HTTP_X_REQUESTED_WITH"]) && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) === "xmlhttprequest") 
    && (!empty($_SERVER["SCRIPT_FILENAME"]) && "hoge.php" === basename($_SERVER["SCRIPT_FILENAME"]))
    ) 
{
    header("HTTP/1.1 404 Not Found");
}
// SETUP
mb_language( "japanese" );
mb_internal_encoding( "UTF-8" );
date_default_timezone_set("Asia/Tokyo");

$field_subject = $_POST["Subject"];
$field_penname = $_POST["Penname"];
$field_pref = $_POST["Pref"];
$field_message = $_POST["Message"];
$date = date("Y/m/d D H:i:s");

$to_email = "[e-mail]";
$from_email= "[e-mail]";
$from_name = "[e-mail]";
$subject = $field_subject." 投稿通知";

$body = "[投稿日時] ".$date."\n";
$body .= "ペンネーム : ".$field_penname."\n";
$body .= "都道府県 : ".$field_pref."\n";
$body .= "\n";
$body .= "■メッセージ"."\n";
$body .= $field_message."\n";

if (is_uploaded_file($_FILES['upfile']['tmp_name'])) {
    // 未定義である・複数ファイルである・$_FILES Corruption 攻撃を受けた
    // どれかに該当していれば不正なパラメータとして処理する
    if (!isset($_FILES['upfile']['error']) || !is_int($_FILES['upfile']['error'])) {
        header("HTTP/1.1 503 Service Unavailable");
        return;
    }

    // $_FILES['upfile']['error'] の値を確認
    switch ($_FILES['upfile']['error']) {
        case UPLOAD_ERR_OK: // OK
            break;
        case UPLOAD_ERR_NO_FILE:   // ファイル未選択
            header("HTTP/1.1 503 Service Unavailable");
            return;
        case UPLOAD_ERR_INI_SIZE:  // php.ini定義の最大サイズ超過
        case UPLOAD_ERR_FORM_SIZE: // フォーム定義の最大サイズ超過 (設定した場合のみ)
            header("HTTP/1.1 503 Service Unavailable");
            return;
        default:
            header("HTTP/1.1 503 Service Unavailable");
            return;
    }

    // ここで定義するサイズ上限のオーバーチェック
    // (必要がある場合のみ)
    if ($_FILES['upfile']['size'] > 8000000) {
        header("HTTP/1.1 503 Service Unavailable");
        return;
    }

    // $_FILES['upfile']['mime']の値はブラウザ側で偽装可能なので
    // MIMEタイプに対応する拡張子を自前で取得する
    if (!$ext = array_search(
        mime_content_type($_FILES['upfile']['tmp_name']),
        array(
            'gif' => 'image/gif',
            'jpg' => 'image/jpeg',
            'png' => 'image/png',
            'pdf' => 'application/pdf',
        ),
        true
    )) {
        header("HTTP/1.1 503 Service Unavailable");
        return;
    }

    // ファイルデータからSHA-1ハッシュを取ってファイル名を決定し，保存する
    if (!move_uploaded_file(
        $_FILES['upfile']['tmp_name'],
        $path = sprintf('./upload/%s.%s',
            sha1_file($_FILES['upfile']['tmp_name']),
            $ext
        )
    )) {
        header("HTTP/1.1 503 Service Unavailable");
        return;
    }

    // ファイルのパーミッションを確実に0644に設定する
    chmod($path, 0644);
}
// send the email
if (!empty($field_penname)) {
    sendmail_jpn($to_email, $subject, $body, $from_email,$from_name, $path);
}
sleep(1);

//関数-----------------------------------

function sendmail_jpn($to, $subject, $message, $from_email,$from_name, $filepath)
{
if (!empty($filepath)) {
$file_ext = pathinfo($filepath, PATHINFO_EXTENSION);     
    if ($file_ext == "pdf") {
        $mime_type = "application/pdf";
    } elseif ($file_ext == "jpg" || $file_ext == "jpeg") {
        $mime_type = "image/jpeg";
    } elseif ($file_ext == "gif") {
        $mime_type = "image/gif";
    } elseif ($file_ext == "png") {
        $mime_type = "image/png";
    } else {
        $mime_type = "application/octet-stream";
    }

// 添付ファイルのエンコード
$filename = basename( $filepath );

// マルチパートなので、パートの区切り文字列を指定
$boundary = "----=_Boundary_" . uniqid(rand(1000,9999) . "_") . "_";
}else {
$boundary = null;
}

// 件名のエンコード
$subject = mb_convert_encoding($subject, "ISO-2022-JP", "UTF-8");
$subject = mb_encode_mimeheader_ex($subject);

// 本文のエンコード
$message = mb_convert_encoding($message, "ISO-2022-JP", "UTF-8");

// toをエンコード
// $to = mb_convert_encoding($mail["to"]["name"], "SJIS", "UTF-8");
$to = "=?ISO-2022-JP?B?" . base64_encode($to) . "?= <" . $to . ">";

// fromをエンコード
// $from = mb_convert_encoding($mail["from"]["name"], "SJIS", "UTF-8");
$from = "=?ISO-2022-JP?B?" . base64_encode($from_name) . "?= <" . $from_email . ">";

if (!empty($filepath)) {
// 添付ファイルのエンコード
$filename = mb_convert_encoding($filename, "ISO-2022-JP", "UTF-8");
$filename = "=?ISO-2022-JP?B?" . base64_encode($filename) . "?=";
}

// ヘッダーの指定
$head = "";
$head .= "From: {$from}\n";
$head .= "MIME-Version: 1.0\n";
if (empty($filepath)) {
$head .= "Content-Type: text/plain; charset=ISO-2022-JP;" .
"Content-Transfer-Encoding: 7bit\n";
}else {
$head .= "Content-Type: multipart/mixed; boundary=\"{$boundary}\"\n";
}
$head .= "Content-Transfer-Encoding: 7bit";

$body = "";

// 本文
if (!empty($filepath)) {
$body .= "--{$boundary}\n";
$body .= "Content-Type: text/plain; charset=ISO-2022-JP;" .
"Content-Transfer-Encoding: 7bit\n";
$body .= "\n";
}
$body .= "{$message}\n";
$body .= "\n";

if (!empty($filepath)) {
// 添付ファイルの処理
$body .= "--{$boundary}\n";
$body .= "Content-Type: {$mime_type}; name=\"{$filename}\"\n" .
"Content-Transfer-Encoding: base64\n" .
"Content-Disposition: attachment; filename=\"{$filename}\"\n";
$body .= "\n";

$fp = fopen( $filepath, "r" ) or die("Error on mailing. (attachment file cannot open)");
$contents = fread( $fp, filesize($filepath) );
fclose( $fp );
$f_encoded = chunk_split(base64_encode($contents)); //添付ファイルをbase64エンコードする
$body .= "{$f_encoded}\n";
$body .= "\n";
}

if (mail($to, $subject, $body, $head)) {
echo "sendmail_jpn : OK.";
} else {
echo "sendmail_jpn : FAILURE.";
}
}

// mb_encode_mimeheaderのバグ対策用
function mb_encode_mimeheader_ex($text, $split_count = 34) {
$position = 0;
$encorded = "";

while ($position < mb_strlen($text, "ISO-2022-JP")) {
if ($encorded != "") {
$encorded .= "\r\n ";
}
$output_temp = mb_strimwidth($text, $position, $split_count, "", "ISO-2022-JP");
$position = $position + mb_strlen($output_temp, "ISO-2022-JP");
$encorded .= "=?ISO-2022-JP?B?" . base64_encode($output_temp) . "?=";
}

return $encorded;
}
?>

Comments

[退会済みユーザー]

ログの内容を解析しましたか？

[nosonosolife]

ご回答いただいたところ申し訳ございません、「ログの内容」とは何のことでしょうか?

[退会済みユーザー]

PHPのエラーログです。

[nosonosolife]

ajax通信でphpのエラーログの確認をする方法をご提示していただけませんでしょうか。

[退会済みユーザー]

サーバーの種類やPHPのインストール方法を提示してください。

[nosonosolife]

サーバーは「xrea」、phpのバージョンは71です。

[退会済みユーザー]

それであればxreaの公式サポートページに書かれているはずです。

[nosonosolife]

確認したところ、サーバーの種類は「Apache」でした。「PHPのインストール方法」については分かりませんでした。

Answer 1

var form = $('#mailform form').get()[0];
var data = new FormData( form );

シリアライズじゃなくこっちでどうだい?

Comments

[nosonosolife]

ご提示していただいたコードをもとに書き換えたところ上手く動きました。
ご回答ありがとうございました。