js中动态添加的Input file 控件，我怎么获取到它上传的图片呢？请教各位大神！

JavaScript016

js中动态添加的Input file 控件，我怎么获取到它上传的图片呢？请教各位大神！,第1张

方法一：你可以把你上传的图片，放到数据库中的某个表中，然后，你查询表获得；

方法二：你上传图片成功以后，返回jsp 一个上传图片放置的路径，你把这个路径setValue到

<input id="tee" type="hidden"/>

通过$("#tee").val()获得路径，通过ajax，在后台通过url获得图片；

<script type="text/javascript">

 

  //定义函数创建XMLHTTPRequest

  function createXHR()

  {

   return new XMLHttpRequest()

  }

  

  var xhr

  function sendRequest()

  {

    

      //1 创建XMLHTTPRequest对象

      xhr=createXHR()

      //2 对象xhr进行初始化

      var date = new Date()

      var uname=document.myform.uname.value

      xhr.open("GET",

      "ajaxServlet?imageName="+imageName+"&t="+date.getTime(),

      true)

      //3 设置回调函数（会被自动调用，由系统触发相应的事件调用）

      xhr.onreadystatechange=callback

      //4 发送请求

      xhr.send(null)

      

  }

  

  //获得响应的结果，并进行处理。

  function callback()

  {

      

      //alert(xhr.readyState)

      if(xhr.readyState==4&&xhr.status==200)

      {

       //获得服务器响应给客户端的数据

       var result=xhr.responseText

       alert(result)

      }

  }

 </script>

上传用本地地址 查看用网络地址

你上传保留的位置在tomcat的项目下。

webapps/文件夹/文件

然后访问的时候用

http://ip:端口/项目名/文件夹/文件

src填这个就行了