Отправить изображение на сервер Ajax

Question

Как отправить изображение с клиентской стороны на сервер?

У меня есть простой формы, как:

 <form> 
    <input type="file" id="myfile" name="myfile" /> 
    <input type="button" value="Submit" onclick="SendImageToServer();" /> 
    <iframe id="uploadframe" name="uploadframe" src="upload.php" width="8" height="8" scrolling="no" frameborder="0"></iframe> 
</form> 

И в методе я использую это:.

  function sendImage(){ 
     if (window.XMLHttpRequest) 
        { 
        xmlhttp=new XMLHttpRequest(); 

        } 

       else 
        { 
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
           //I want to get the response as simple <img scr="myimage"/> 

      } 

Может кто-нибудь помочь мне, как я могу это сделать с помощью Ajax-PHP (NO Jquery)?

Answer 1

Ну, с одной стороны, вы не можете отправлять файлы с помощью AJAX. Но если вы отправляете в iframe, тогда форма должна иметь определенную спецификацию enctype = "multipart/form-data", в противном случае она не отправляет файлы.

Answer 2

Вы не должны использовать термин AJAX, поскольку вы его не создадите. Чтобы загрузить файл, установите action и target на form, а все остальное должно быть автоматическим, то есть на странице.

<form action="upload.php" target="uploadframe" enctype="multipart/form-data"> 
... everything else here 
<input type="submit" value="Go!"/> 
</form> 

Надеется, что это помогает ...