Это мой HTML и javascript.Загрузка изображения с помощью javascript?
Я пытаюсь загрузить изображение с помощью javascript.
Я нашел несколько примеров с помощью jquery, но надеялся, что эту функцию можно изменить, чтобы сделать то же самое.
Скрипт загрузки изображений - это PHP-скрипт, который работает, когда форма отправляется нормально, но при использовании этой функции ниже она не отправляет изображение в скрипт PHP. $ _FILES пуст. Как изменить эту функцию, чтобы отправить изображение?
<html><head>
<script type="text/javascript">
function jax( ){
pd = document.getElementById("pd").innerHTML;
i = document.getElementById("i").value;
url= "ajax.php"; //?act=uploadPic&title=" + pd + "&i=" + i;
q="act=uploadPic&title=" + pd + "&i=" + i;
var ajaxRequest;
try{
ajaxRequest = new XMLHttpRequest();
}
catch (e){
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Your browser does not support ajax. Allow Active scriptting in internet settings."); return false;
}
}
}
ajaxRequest.onreadystatechange= function(){
if(ajaxRequest.readyState == 4){
r =ajaxRequest.responseText;
alert(r);
}
}
ajaxRequest.open("POST", url, true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxRequest.send(q);
}//func
</script>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<p> Title: <input type="text" name="pd" id="pd" value=" Title here " />
<p> Image: <input type="file" name="i" id="i" />
<p> <button onclick=" jax( ) "> Upload </button>
</form>
</body>
</html>
РНР скрипт для проверки, если изображение отправить: ajax.php
<?php print_r($_FILES); ?>
Я получаю это сообщение об ошибке в IE8: «FormData» не определено, и в firefox он просто отправляет форму, как обычно, вместо кнопки отправки ajax вместо кнопки отправки –