将图像发送到服务器Ajax

时间:2012-02-29 11:31:09

标签: php ajax

如何将图像从客户端发送到服务器?

我有一个简单的表格,如:

      <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)?

2 个答案:

答案 0 :(得分:0)

嗯,首先,你不能用AJAX发送文件。但是如果你要提交iframe,那么表单需要定义enctype =“multipart / form-data”,否则它不会提交文件。

答案 1 :(得分:-1)

您不应该使用AJAX术语,因为您不会创建一个。要在action上传文件集targetform,其他所有内容都应该是自动的,即在页面内。

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

希望这会有所帮助......