我对 JavaScript 很陌生,所以我猜,这个问题对你们大多数人来说是相当简单的(或者至少我希望如此......)
我有这个 SweetAlert 代码。它要求用户上传两张图片和一段文字。我可以将文本添加到我的数据库中,但我在处理图像时遇到了困难......我知道我需要使用文件处理程序传递图像,但我不知道如何......
这是我运行代码的服务器:https ://mars.iuk.hdm-stuttgart.de/~mk304/Web_Projekt/webpage/ui/sweetalert/sweetalert_eingabe.php
这是我的 SweetAlert2/JavaScript 代码
<script>
var kuerzeltest = "mk304";
var channeltest = "3";
$(document).ready(function () {
$('#new-btn').click(function () {
swal.mixin({
input: 'text',
confirmButtonText: 'Next →',
showCancelButton: true,
progressSteps: ['1', '2', '3']
}).queue([
{
input: 'file',
title: 'Profilbild hochladen',
text: 'Empfohlen wird 1X1'
},
{
input: 'file',
title: 'Hintergrundbild hochladen',
text: 'Empfohlen wird 16X9'
},
{
title: 'Über mich',
text: ''
},
]).then((result) => {
if (result.value) {
$.ajax({ type: "POST", url: "../../register/profil_update.php",
data: {"post":result.value[2],"bild":result.value[0],"bild2":result.value[1], "kuerzel": kuerzeltest },
});
swal(
"Super!",
"Dein Profil wurde erfolgreich aktualisiert ",
"success"
)
}
})
});
})
这是我的数据库后端代码
<?php
include_once '../../userdata.php';
//Posts in Datenbank schreiben
$kuerzel = $_SESSION["kuerzel"];
$bild = $_POST["bild"];
$bild2 = $_POST["bild2"];
$post = $_POST["post"];
$pdo = new PDO ($dsn, $dbuser, $dbpass, array('charset'=>'utf8'));
$sql = "INSERT INTO user_bilder (kuerzel, bild, bild2, post) VALUES (?, ?, ?, ?)";
$statement = $pdo->prepare($sql);
$statement->execute(array("$kuerzel", "$bild", "$bild2", "$post"));
$row = $statement->fetchObject();
header("Location: ../home/home.php");
?>
这是我的数据库的照片