Mencoba menggunakan cara sederhana untuk mengunggah gambar ke server back-end hanya menggunakan javascript dan PHP (Tanpa AJAX). Saya telah memutuskan untuk mencoba menambahkan data .files[0] dari input ke FormData untuk mengirimkannya dengan POST.
Saya lebih suka untuk tidak menggunakan formulir pengiriman dan lebih suka menggunakan httpRequest untuk mendapatkan pesan lulus/gagal karena hal-hal lain harus dilakukan pada halaman yang sama setelah gambar/file diunggah.
Jika memungkinkan, bisakah seseorang menunjukkan kepada saya cara mengirim objek data melalui parameter httpRequest. Setelah mencapai back-end, saya dapat memanipulasinya dengan baik, tetapi saya tidak dapat menemukan cara mengirimkannya yang berfungsi melalui metode non AJAX.
HTML:
File Location: <br>
<input type='File' name='addNewMediaFileLocation' id='addNewMediaFileLocation' class='addFileText'><br>
Media Type: <select id='addFileFromLocalTypeSelect' class='addFileSelect>
<option>....</option></select>
<input type='button' class='profileButton' id='addMediaFromLocalButton' value='Upload' onclick="uploadMediaFromLocal('$ComicName', '$alias');"
JAVASCRIPT EDIT - Menambahkan getxml()
function getxml()
{
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function uploadMediaFromLocal(ComicName, UploadedBy)
{
var Type = document.getElementById("addFileFromLocalTypeSelect").value;
var file = document.getElementById('addNewMediaFileLocation').files[0];
var fd = new FormData();
fd.append("uploadedFile", file);
xmlhttp = getxml();
xmlhttp.open("POST", "php/actions.php?F=addMediaFromLocal" + "&Type="+Type, true);
xmlhttp.onreadystatechange = function()
{
if(xmlhttp.readyState == XMLHttpRequest.DONE)
var response = xmlhttp.responseText;
if(response == 'Success')
{
document.getElementById("uploadMSG").innerHTML='Image upload successful';
document.getElementById("addNewMediaFileLocation").value="";
document.getElementById("addMediaDescriptionForLocalText").value="";
}
else
{
document.getElementById("uploadMSG").innerHTML=response;
}
}
xmlhttp.send(fd);
}
PHP
if($function == 'addMediaFromLocal')
{
$AddSuccess = true;
$AddError ='File not uploaded.';
$MediaType = $_REQUEST['Type'];
$FileType = $_FILES['uploadedFile']['type'];
$FileName = $_FILES['uploadedFile']['name'];
$FileContent = file_get_contents($_FILES['uploadedFile']['tmp_name']);
....VALIDATE INFO...
if($AddSuccess)
{
//check success
if(move_uploaded_file("../media/$name",$FileContent) )
{
print("Succes");
}
else
{
print($AddError. "Image upload unsuccessful, please check your folder permission<br>");
}
}
else
{
print($AddError);
}
}
KESALAHAN:
E_NOTICE Error in file �actions.php� at line 1036: Undefined index: uploadedFile