Попытка использовать простую загрузку изображений на внутренний сервер, используя только javascript и PHP (без AJAX). Я решил попробовать добавить данные .files[0] из ввода в FormData, чтобы отправить их с помощью POST.
Я бы предпочел не использовать форму отправки и предпочел бы использовать httpRequest, чтобы получить сообщение о прохождении/непрохождении, поскольку другие действия должны выполняться на той же странице после загрузки изображения/файла.
Если возможно, может ли кто-нибудь указать мне способ отправки объекта данных через параметры httpRequest. Как только он достиг серверной части, я могу нормально манипулировать им, но я не могу найти способ отправить его, который работает с помощью методов, отличных от 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 РЕДАКТИРОВАТЬ — добавлен 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);
}
}
ОШИБКА:
E_NOTICE Error in file �actions.php� at line 1036: Undefined index: uploadedFile