Formularz kontaktowy (select wielokrotnego wyboru i input typu file)

pytanie zadane 3 lutego 2020 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)

Witam, posiadam formularz kontaktowy z tej strony:

http://domanart.pl/formularz-kontaktowy/

Jest ktoś w stanie osadzić w nim input typu file (chodzi konkretnie o przesyłanie zdjęć na email) oraz select wielokrotnego wyboru? niestety na wszelkie możliwe sposoby jak próbowałem, tak mi się nie udaje tego zrobić, select wielokrotnego wyboru pokazuje Array, zaś input typu file nie wysyła się (kiedy wybiorę grafikę i wyślę na meila, nie pokazuje się, jak by się nie wysyłała)

będę wdzięczny za pomoc

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Pokaż kod.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

Formularz.html:

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>     
</head>
<style>
    * {
        box-sizing: border-box;
    }
	.form_me {
        margin:3rem auto;
		font-family:sans-serif;
        max-width:40rem;
	}
	.form_me .form-row {
        margin-bottom:1rem;
    }
    .form_me .form-row:last-child {
        margin-bottom: 0;
    }
    .form_me input[type=text],
    .form_me input[type=email],
	.form_me input[type=number],
	.form_me select,
    .form_me textarea,
    .form_me .checkbox-cnt .state {
        box-shadow:inset 0 1px 5px rgba(0,0,0,0.07);
    }
	.form_me input[type=text], 
	.form_me input[type=email],
	.form_me input[type=number],
	.form_me select,
    .form_me textarea {
        border-radius:0.2rem;
        font-family:sans-serif;
		padding:0.8rem;
		border:1px solid #aaa;
        display: block;
        width:100%;
        color:#666;
	}
    .form_me input[type=text]:focus,
    .form_me input[type=email]:focus,
	.form_me input[type=number]:focus,
	.form_me select:focus,
    .form_me textarea:focus {
        border-color:#9DC9F5;
        box-shadow:inset 0 0 0 1px #9DC9F5, inset 0 1px 5px rgba(0,0,0,0.07);
        outline:none;
    }
    .form_me textarea {
        height:10rem;
    }
	.form_me label {
        font-weight:bold;
		display: block;
		font-size:0.9rem;
		margin-bottom:0.5rem;
	}
    .form_me .submit-btn {
        font-family: sans-serif;
        padding:1rem 2rem;
        background: #70B81B;
        border:0;
        border-radius:0.2rem;
        color:#fff;
        font-size:1.1rem;
        font-weight: bold;
        transition: 0.3s background-color;
        cursor: pointer;
    }
    .form_me .submit-btn:hover {
        background: #7EC927;
    }
    .form_me .checkbox-cnt {
        padding-left:3rem;
        position: relative;
        font-weight: normal;
        font-size:0.85rem;
        line-height: 1.1rem;
        color:#444;
        cursor: pointer;
    }
    .form_me .checkbox-cnt .state {
        width:2rem;
        height: 2rem;
        display: block;
        position: absolute;
        left:0;
        top:0;
        border:1px solid #aaa;
        border-radius:0.2rem;
    }
    .form_me .checkbox-cnt .state:before {
        width:1rem;
        height: 1rem;
        border-radius:0.2rem;
        background: #70B81B;
        display: block;
        position: absolute;
        left:50%;
        top:50%;
        content:'';
        transform:translate(-50%, -50%) scale(1);
        opacity:0;
    }
    .form_me .checkbox-cnt input:checked ~ .state:before {
        animation: checkboxShowAnim 0.5s 1;
        opacity: 1;
    }
    .form_me .checkbox-cnt input {
        position:absolute;
        top:0; left:0;
        width:2rem;
        height: 2rem;
        z-index: 2;
        cursor:pointer;
        padding:0;
        margin:0;
        opacity: 0;
    }
    .form_me input[type=text].error,
    .form_me input[type=email].error,
	.form_me input[type=number].error,
	.form_me select.error,
    .form_me textarea.error,
    .form_me .checkbox-cnt input.error ~ .state {
        border-color:#E01546;
    }
    .field-error {
        color:#E01546;
        padding:0.5rem 0;
        font-size:0.8rem;
    }
    @keyframes checkboxShowAnim {
        0%  { border-radius:50%; transform:translate(-50%, -50%) scale(0.2); }
        50% { transform:translate(-50%, -50%) scale(1.2); }
        100% { transform:translate(-50%, -50%) scale(1); }
    }

    .element-is-busy {
        position: relative;
        pointer-events: none;
        opacity:0.5;
    }
    .element-is-busy::after {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-right-color: rgba(0,0,0,0.7);
        transform: translate(-50%, -50%) rotate(0deg);
        content:'';
        animation: rotateSingleLoading 0.3s infinite linear;
        z-index: 100;
    }
    @keyframes rotateSingleLoading {
        from {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }
    .form_me .send-error {
        display:inline-block;
        font-family: sans-serif;
        font-size:0.9rem;
        padding:1rem 1.5rem;
        color:#E01546;
    }
    .form-send-success {
        font-family: sans-serif;
        text-align:center;
        font-size:2rem;
        font-weight:bold;
        border:1px solid #eee;
        color:#333;
        padding:10rem 0;
        margin:3rem auto;
        max-width:40rem;
    }
    .form-send-success strong {
        display:block;
        margin-bottom:0.5rem;
    }
    .form-send-success span {
        font-size:1rem;
        color:#888;
        font-weight:normal;
        display: block;
    }
    @media screen and (max-width:500px) {
        .form_me .submit-btn {
            display: block;
            width: 100%;
        }
        .form_me .send-error {
            text-align:center;
            display: block;
        }
    }
</style>
<body>

<form enctype="multipart/form-data" class="form_me" id="contactForm" method="post" novalidate action="send-script.php">
    <div class="form-row">
        <label for="field-name">Tytuł gry*</label>
        <input type="text" name="name" required id="field-name" data-error="Wypełnij to pole" pattern="[a-zA-ZąĄććęęłŁńŃóÓśŚżŻŹŹ ]+">
    </div>
	<div class="form-row">
		<label for="field-name">Platforma*</label>
		<select name="platform">
			<option value="XBOX ONE">XBOX ONE</option>
			<option value="PLAYSTATION 4">PLAYSTATION 4</option>
		</select>
	</div>
	<div class="form-row">
		<label for="field-name">Wersja językowa okładki*</label>
		<select name="wer_lang_ok[]" multiple size=1>
			<option value="JEZYKA">JĘZYK A</option>
			<option value="JEZYKB">JĘZYK B</option>
		</select>
	</div>
    <div class="form-row">
        <label for="field-email">Adres Email*</label>
        <input type="email" name="email" required id="field-email" data-error="Wpisz poprawny email" pattern="[^@\s]+@[^@\s]+\.[^@\s]+">
    </div>
	<div class="form-row">
        <label for="field-email">Numer telefonu*</label>
        <input type="number" name="number" required id="field-email" data-error="Wpisz poprawny numer">
    </div>
    <div class="form-row">
        <label for="field-message">Gra posiada wady/uszodzenia? opisz nam je, oraz dołącz zdjęcie*</label>
        <textarea name="message" id="field-message" pattern=".+"></textarea>
		<input type="file" name="filename" accept="image/png, image/jpeg">
    </div> 
    <div class="form-row">
        <button type="submit" class="submit-btn">
            Wyślij
        </button>
    </div>
</form>

<script>
    $(function() {
        var $inputs = $('form input[required], form textarea[required], select[required]');

        var displayFieldError = function($elem) {
            var $fieldRow = $elem.closest('.form-row');
            var $fieldError = $fieldRow.find('.field-error');
            if (!$fieldError.length) {
                var errorText = $elem.attr('data-error');
                var $divError = $('<div class="field-error">' + errorText + '</div>');
                $fieldRow.append($divError);
            }
        };

        var hideFieldError = function($elem) {
            var $fieldRow = $elem.closest('.form-row');
            var $fieldError = $fieldRow.find('.field-error');
            if ($fieldError.length) {
                $fieldError.remove();
            }
        };

        $inputs.on('input', function() {
            var $elem = $(this);
            if (!$elem.get(0).checkValidity()) {
                $elem.addClass('error');
            } else {
                $elem.removeClass('error');
                hideFieldError($elem);
            }
        });

        $inputs.filter(':checkbox').on('click', function() {
            var $elem = $(this);
            var $row = $(this).closest('.form-row');
            if ($elem.is(':checked')) {
                $elem.removeClass('error');
                hideFieldError($elem);
            } else {
                $elem.addClass('error');
            }
        });

        var checkFieldsErrors = function() {
            //ustawiamy zmienną na true. Następnie robimy pętlę po wszystkich polach
            //jeżeli któreś z pól jest błędne, przełączamy zmienną na false.
            var fieldsAreValid = true;
            $inputs.each(function(i, elem) {
                var $elem = $(elem);
                //if (new RegExp(pattern).test($elem.val())) {
                if (elem.checkValidity()) {
                    hideFieldError($elem);
                    $elem.removeClass('error');
                } else {
                    displayFieldError($elem);
                    $elem.addClass('error');
                    fieldsAreValid = false;
                }
            });
            return fieldsAreValid;
        };

        $('.form_me').on('submit', function(e) {
            e.preventDefault();

            var $form = $(this);

            if (checkFieldsErrors()) {
                var dataToSend = $form.serializeArray();
                dataToSend = dataToSend.concat(
                    $form.find('input:checkbox:not(:checked)').map(function() {
                        return {"name": this.name, "value": this.value}
                    }).get()
                );

                var $submit = $form.find(':submit');
                $submit.prop('disabled', 1);
                $submit.addClass('element-is-busy');

                $.ajax({
                    url : $form.attr('action'),
                    method: $form.attr('method'),
                    dataType : 'json',
                    data : dataToSend,
                    success: function(ret) {
                        if (ret.errors) {
                            ret.errors.map(function(el) {
                                return '[name="'+el+'"]'
                            });
                            checkFieldsErrors($form.find(ret.errors.join(',')));
                        } else {
                            if (ret.status=='ok') {
                                $form.replaceWith('<div class="form-send-success"><strong>Wiadomość została wysłana</strong><span>Dziękujemy za kontakt. Postaramy się odpowiedzieć jak najszybciej</span></div>');
                            }
                            if (ret.status=='error') {
                                $submit.after('<div class="send-error">Wysłanie wiadomości się nie powiodło</div>');
                            }
                        }
                    },
                    error : function() {
                        console.error('Wystąpił błąd z połączeniem');
                    },
                    complete: function() {
                        $submit.prop('disabled', 0);
                        $submit.removeClass('element-is-busy');
                    }
                });
            }
        })
    })
</script>
</body>
</html>

send-script.php:

<?php
$mailToSend = 'email@.pl';
if ( $_SERVER['REQUEST_METHOD'] === 'POST' ) {
	$name       = $_POST['name'];
	$email      = $_POST['email'];
	$number    = $_POST['number'];
	$message    = $_POST['message'];
	$platform = $_POST['platform'];
	$filename = $_FILE['filename'];
	$wer_lang_ok = $_POST['wer_lang_ok'];
	$errors     = Array();
	$return     = Array();
	if ( empty( $name ) ) {
		array_push( $errors, 'name' );
	}
	if ( ! filter_var( $email, FILTER_VALIDATE_EMAIL ) ) {
		array_push( $errors, 'email' );
	}
	if ( count( $errors ) > 0 ) {
		$return['errors'] = $errors;
	} else {
		$headers = 'MIME-Version: 1.0' . "\r\n";
		$headers .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
		$headers .= 'From: ' . $email . "\r\n";
		$headers .= 'Reply-to: ' . $email;
		$message = "
			<html>
			<head>
			<meta charset=\"utf-8\">
			</head>
			<style type='text/css'>
				body {font-family:sans-serif; color:#222; padding:20px;}
				div {margin-bottom:10px;}
				.msg-title {margin-top:30px;}
			</style>
			<body>
			<div>Tytół gry: <strong>$name</strong></div>
			<div>Platforma: <strong>$platform</strong></div>
			<div>Wersja/e językowa/e okładki: <strong>$wer_lang_ok</strong></div>
			<div>Email: <a href=\"mailto:$email\">$email</a></div>
			<div>numer telefonu: <a href=\"tel:$number\">$number</a></div>
			<div class=\"msg-title\"> <strong>Wiadomość:</strong></div>
			<div>$message</div>
			<div>zdjęcia: $filename</div>
			</body>
			</html>";

		if ( mail( $mailToSend, 'Wiadomość ze strony - ' . date( "d-m-Y" ), $message, $headers ) ) {
			$return['status'] = 'ok';
		} else {
			$return['status'] = 'error';
		}
	}

	header('Content-type: text/html; charset=UTF-8');
	header( 'Content-Type: application/json' );
	header('Access-Control-Allow-Origin: *');
	echo json_encode( $return );
}

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)
edycja 3 lutego 2020 przez ShiroUmizake

Jak chcesz osadzić w mailu, parsuj do base64 tak będzie najłatwiej, lub osadż je na swoim serwerze i serwuj link do nich.


<?php
$mailToSend = 'email@.pl';
if ( $_SERVER['REQUEST_METHOD'] === 'POST' ) {
    $name       = $_POST['name'];
    $email      = $_POST['email'];
    $number    = $_POST['number'];
    $message    = $_POST['message'];
    $platform = $_POST['platform'];
    $filename = $_FILE['filename'];
    $wer_lang_ok = $_POST['wer_lang_ok'];
    $errors     = Array();
    $return     = Array();
    if ( empty( $name ) ) {
       $errors['name'] = true;
    }
    if ( ! filter_var( $email, FILTER_VALIDATE_EMAIL ) ) {
          $errors['email'] = true;
    }
    if ( count( $errors ) > 0 ) {
        $return['errors'] = $errors;
    } else {
        $headers = 'MIME-Version: 1.0' . "\r\n";
        $headers .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
        $headers .= 'From: ' . $email . "\r\n";
        $headers .= 'Reply-to: ' . $email;
        $message = "
            <html>
            <head>
            <meta charset=\"utf-8\">
            </head>
            <style type='text/css'>
                body {font-family:sans-serif; color:#222; padding:20px;}
                div {margin-bottom:10px;}
                .msg-title {margin-top:30px;}
            </style>
            <body>
            <div>Tytół gry: <strong>$name</strong></div>
            <div>Platforma: <strong>$platform</strong></div>
            <div>Wersja/e językowa/e okładki: <strong>$wer_lang_ok</strong></div>
            <div>Email: <a href=\"mailto:$email\">$email</a></div>
            <div>numer telefonu: <a href=\"tel:$number\">$number</a></div>
            <div class=\"msg-title\"> <strong>Wiadomość:</strong></div>
            <div>$message</div>
            <div>zdjęcia: $filename</div>
            </body>
            </html>";
 
        if ( mail( $mailToSend, 'Wiadomość ze strony - ' . date( "d-m-Y" ), $message, $headers ) ) {
            $return['status'] = 'ok';
        } else {
            $return['status'] = 'error';
        }
    }
 
    header('Content-type: text/html; charset=UTF-8');
    header( 'Content-Type: application/json' );
    header('Access-Control-Allow-Origin: *');
    echo json_encode( $return );
}

Potem po stronie JS, odczytaj obiekt JS i sobie sprawdzasz co ma true :)

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

W jakim sensie same błędy? Sam kod od inputa typu file i select?

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

niestety, podczas zmiany na

return json_encode( $return);

w konsoli wyskakuje błąd z połączeniem, choć wiadomość i tak się wysyła, ale nadal bez zdjęcia

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

niestety miałem styczność tylko z c++ html i css, js i php jest dla mnie kosmosem, więc w sumie nie wiem jak i co w nich pisać

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Zobacz zedytowaną wiadomość:)

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

Wpisywałeś coś do kodu, czy chodzi o odczytanie obiektów w js?

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

zmieniłem sposób przekazywania błędów. Sprawdzaleś ten base64?

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

W jaki sposób zrobić to z tym base64?

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

 base64_encode($imagedata);

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

w którym miejscu to wkleić? i mam rozumieć, że $imagedata to ten mój $filename?

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

tak. W style background-image.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

<div style="background-image: base64_encode($filename);">zdjęcia: $filename</div>

w ten sposób?

wybacz moją laikowość, nie miałem styczności z php i js

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

nie, zobacz jak się wkłada obrazki w background-image :)

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

bckground-image: url('base64_encode($filename);');

w ten sposób?

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Spróbuj :)

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

zrobiłem to tak:

<div style=\"background-image: url('base64_encode($filename);');\">zdjęcia: $filename</div>

po przyjściu emaila nie ma obrazka, ale zato w źrudle strony widać coś takiego:

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

a teraz zobacz czemu nie parsowało na base64 brakuje paru rzeczy.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

nie mam pojęcia, jestem w tym blady

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

https://stackoverflow.com/questions/3967515/how-to-convert-an-image-to-base64-encoding

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

Myślisz, że jak zrobię to w ten sposób to zadziała?

(gdzieś na górze kodu)

$imagedata = file_get_contents(".$filename.");
$base64 = base64_encode($imagedata);

i zamiast w background-image: to:

<div>zdjęcia: $base64</div>

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Tak nie zadziała, zaladuje string

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

a w ten?

type = pathinfo($filename, PATHINFO_EXTENSION);
$data = file_get_contents($filename);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

tylko nie mam pojęcia gdzie i jak to wstawić

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

A jak robimy phpie concat.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

nie jestem programistą w phpie

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

obecnie jestem programistą w dupie XD

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Poszukaj po intenecie :)

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

pusto, nie mogę znaleźć rozwiązania/naprawić tego

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

https://www.php.net/manual/en/language.operators.string.php tu jest twoja odpowiedż

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

niestety wywala mi tylko

data:image/;base64,

komentarz 3 lutego 2020 przez ShiroUmizake Nałogowiec (46,300 p.)

Pokaż jak połączyłeś.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

<?php
$mailToSend = 'kris1237609@gmail.com';
if ( $_SERVER['REQUEST_METHOD'] === 'POST' ) {
    $name       = $_POST['name'];
    $email      = $_POST['email'];
    $number    = $_POST['number'];
    $message    = $_POST['message'];
    $platform = $_POST['platform'];
    $file = $_FILE['file'];
    $wer_lang_ok = $_POST['wer_lang_ok'];
	//////////////////////////////////////////////////////////////////////////////
	$type = pathinfo($file, PATHINFO_EXTENSION);
	$data = file_get_contents($file);
	$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
    //////////////////////////////////////////////////////////////////////////////
	$errors     = Array();
    $return     = Array();
    if ( empty( $name ) ) {
       $errors['name'] = true;
    }
    if ( ! filter_var( $email, FILTER_VALIDATE_EMAIL ) ) {
          $errors['email'] = true;
    }
    if ( count( $errors ) > 0 ) {
        $return['errors'] = $errors;
    } else {
        $headers = 'MIME-Version: 1.0' . "\r\n";
        $headers .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
        $headers .= 'From: ' . $email . "\r\n";
        $headers .= 'Reply-to: ' . $email;
        $message = "
            <html>
            <head>
            <meta charset=\"utf-8\">
            </head>
            <style type='text/css'>
                body {font-family:sans-serif; color:#222; padding:20px;}
                div {margin-bottom:10px;}
                .msg-title {margin-top:30px;}
				
            </style>
            <body>
            <div>Tytół gry: <strong>$name</strong></div>
            <div>Platforma: <strong>$platform</strong></div>
            <div>Wersja/e językowa/e okładki: <strong>$wer_lang_ok</strong></div>
            <div>Email: <a href=\"mailto:$email\">$email</a></div>
            <div>numer telefonu: <a href=\"tel:$number\">$number</a></div>
            <div class=\"msg-title\"> <strong>Wiadomość:</strong></div>
            <div>$message</div>
			<!-------------------------------------------------------------------------------------------->
            <div>zdjęcia: $base64</div>
			<!-------------------------------------------------------------------------------------------->
            </body>
            </html>";
 
        if ( mail( $mailToSend, 'Wiadomość ze strony - ' . date( "d-m-Y" ), $message, $headers ) ) {
            $return['status'] = 'ok';
        } else {
            $return['status'] = 'error';
        }
    }
 
    header('Content-type: text/html; charset=UTF-8');
    header( 'Content-Type: application/json' );
    header('Access-Control-Allow-Origin: *');
    echo json_encode( $return );
}

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)
przeniesione 3 lutego 2020 przez Comandeer

Ktoś jeszcze to ogarnia?

komentarz 4 lutego 2020 przez Artek Stary wyjadacz (11,800 p.)

Podczas przesyłania plików ważne jest podanie dla elementu form atrybutu enctype. O ile dobrze pamiętam należy podać coś w stylu multipart-form data. Wygoogluj na pewno znajdziesz. Bez tego nie zatrybi

komentarz 4 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

Mam to w nagłówku form

komentarz 4 lutego 2020 przez Artek Stary wyjadacz (11,800 p.)

Czemu w nagłówku? Jest jakiś szczególny powód ku temu?

3 odpowiedzi

odpowiedź 3 lutego 2020 przez Comandeer Guru (601,930 p.)

Obrazek w formacie Base64 powinieneś raczej wrzucić do tagu img, nie przesyłać bezpośrednio.

Dodatkowo wydaje mi się, że o wiele wygodniej byłoby użyć gotową bibliotekę typu PHPMailer – nie musiałbyś się wtedy babrać z nagłówkami HTTP itd.

komentarz 3 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

niestety jestem w tym bardzo zielony, ogarniam tylko html css, a zależy mi na tym, aby skrypt od razu wysyłał wiadomość na email, niż do bazy i z bazy dopiero na email

komentarz 4 lutego 2020 przez Hardwell Dyskutant (8,980 p.)

Czyli ciężki temat do ogarnięcia

komentarz 4 lutego 2020 przez Comandeer Guru (601,930 p.)

Nie jest trudny, podałem Ci 2 najłatwiejsze sposoby:

Robisz normalny tag img, jak w HTML-u, i tam wrzucasz to, co masz w $base64
Używasz biblioteki pokroju PHPMailer.

Poza tym zobacz sobie, co dokładnie zawiera zmienna $file – bo tam prawdopodobnie nie ma ścieżki do pliku, jak zakładasz, stąd wynikają dalsze problemy.