Как реализовать отправку файлов через форму PHP?

Question

[Yula951]

всем привет) сейчас делаю форму отправки на php, она работает, все данные улетают. но не получается реализовать прикрепление с последующей отправкой файлов..( не могу понять, что делаю не так. программированием стала заниматься не так давно, поэтому сильно не ругайте)) буду бесконечно благодарна, если кто подскажет)

вот код формы:

<form id="zakaz" action="" method="post" class="form" enctype="multipart/form-data">
...
<input type="file" name="your-file" accept=".jpg,.jpeg,.png,.gif,.pdf,.doc,.docx,.ppt,.pptx,.odt,.avi,.ogg,.m4a,.mov,.mp3,.mp4,.mpg,.wav,.wmv" />
...
</form>

код PHP:

<?php
$mailTo = ' ';
$mailFrom = ' ';
$successMsg = 'Сообщение отправлено!';
$fillMsg    = 'Пожалуйста, заполните все поля!';
$errorMsg   = 'Ошибка!';

?>
<?php
if(
    !isset($_POST['your-name']) ||
	!isset($_POST['your-phone']) ||
	!isset($_POST['your-email']) ||
	!isset($_POST['comment']) ||
    empty($_POST['your-name']) ||
    empty($_POST['your-phone']) ||
    empty($_POST['your-email']) ||
	empty($_POST['comment']) ||
	empty($_POST['agree'])
) {
	$json_arr = array( "type" => "error", "msg" => $fillMsg );
	echo json_encode( $json_arr );
} else {

    ?>
    <?php
 
    
    $subject = "Заявка от пользователя";
	$msg = "Имя: ".$_POST['your-name']."\r\n";
	$msg .= "Телефон: ".$_POST['your-phone']."\r\n";	
	$msg .= "Email: ".$_POST['your-email']."\r\n";
	$msg .= "Комментарий: ".$_POST['comment']."\r\n";

    $success = @mail($mailTo, $subject ." " .$_POST['your-name'], $msg, 'From: ' . $mailFrom  );
	
    if ($success) {
		$json_arr = array( "type" => "success", "msg" => $successMsg );
		echo json_encode( $json_arr );
    } else {
		$json_arr = array( "type" => "error", "msg" => $errorMsg );
		echo json_encode( $json_arr );
    }
    

}

и Ajax:

$("#Submitbtn2").on( "click", function(event) {
        event.preventDefault();
        var mydata = $("#zakaz").serialize();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "forms/.request2.php",
            data: mydata,
            success: function(data) {

            if( data["type"] == "error" ){
                    $("#zakaz").append('<div class="sended">Ваше сообщение успешно отправлено.</div>');
            },
            error: function(xhr, textStatus, errorThrown) {
            }
        });
        return false;
    });

Comments

[inFureal]

А где в коде ты принимаешь your-file?

Answer 1

[Валера Карманов]

Вот хороший пример отправки файлов с помощью ajax, остальные данные формы добавляйте в объект FormData с помощью функции append

Comments

[Антон]

Аппенд то зачем, если контекстом можно отправить все разом, зачем это ручное добавление?

[Yula951]

так тут же вроде отправка изображений. как я поняла...

Answer 2

[ThunderCat]

$("#Submitbtn2").on( "click", function(event) {

меняете на

$("#zakaz").on('submit', function(event) {
... 
var mydata = $(this).serialize();
$.ajax({
            type: "POST",
            dataType: "json",
            url: "forms/.request2.php",
            data: mydata,
            cache: false,
            contentType: false,
            processData: false,
...
})

где точками - код дополните, мне лениво...

Comments

[Yula951]

то есть мне нужно сделать вот так?)

$("#zakaz").on('submit', function(event) {
        event.preventDefault();
        var mydata = $("#zakaz").serialize();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "forms/.request2.php",
            data: mydata,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data) {

            if( data["type"] == "error" ){
                    $("#zakaz").append('<div class="sended">Ваше сообщение успешно отправлено.</div>');
            },
            error: function(xhr, textStatus, errorThrown) {
            }
        });
        return false;
    });

а как в PHP реализовать саму отправку и прикрепление файла?

[ThunderCat]

Yula951, в пхп вообще то нужно организовывать прием файлов и данных, делается точно так же как для обычной формы без аякса, смотрите в гугле обработка данных из формы на пхп.

[ThunderCat]

Yula951, вы уточняйте что нужно отправлять по почте. А то вопрос смотрится как-то тупо, отправлять пхп и прочие не имеющие смысла фразы сбивают с толку. В вашем случае надо сначала принять файл, можно использовать прям файл из тмп директории, а можно переместить в другую папку, если собираетесь хранить его. Функция mail не самое подходящее решение, так как ею практически невозможно управлять, и она не гарантирует отправку, как и не может сообщать о проблеме отправки. Используйте альтернативные библиотеки, например PHPMailer, он простой и хорошо документирован и обкатан.

[ThunderCat]

Yula951, if( data["type"] == "error" ){ на самом деле должно быть success, а вообще лучше пользоваться цифровыми обозначениями, типа {"error": 0, "info":"success!"}и проверять if( data.error == 0 )

[Yula951]

ThunderCat, я смотрела. но не могу понять как сделать. пробовала разные примеры и не работает...(

Answer 3

[Надим]

Для отправки файлов на сервер лучше всего использовать xhr в связке с FormData, о них обеих можете легко найти информацию в Яндексе. Если не получается разобраться, но надо отправить форму именно без перезагрузки страницы, то тогда можете использовать iframe. Отправленные файлы потом на сервере смотрите в глобальной переменной $_FILES.