0

以下はStrutsフレームワークを使用して行われています

JSP

<html:form action="/uploadDrawing" method="post" enctype="multipart/form-data">
<input type="file" name="attachfile" class="regi_textbox"/>
<input type="submit" name="button" class="update_but"  value="Upload File" />
</html:form>

形

private FormFile attachfile;

public FormFile getAttachfile() {
return attachfile;
}  
public void setAttachfile(FormFile attachfile) {
this.attachfile = attachfile;
}

アクションクラス

FormFile attachfile = uploadDrawingForm.getAttachfile();

これは私にとってはうまくいきますが、ajaxリクエスト（jsp-servlet）を使用してこれを行う必要があります.

JSP

 <script>
 function dynamicUpload()
 {  
alert("function played");
var fd = new FormData($("attachfileform"));    
fd.append( 'file', input.files[0] );


alert(fd);
$.ajax({
    url: 'UploadDrawingServlet',
    data: fd,
    processData: false,
    contentType: false,
    type: 'POST',
    success: function(data){
      alert(data);

    }
});
}
 </script>

 <form enctype="multipart/form-data" method="post" action="" id="attachfileform" name="attachfileform" >
 <input type="file" name="attachfile" class="regi_textbox"/>
 <input type="button" class="update_but"  value="Upload File" onclick="dynamicUpload()"/>
  </form>

サーブレット

public class UploadDrawingServlet extends HttpServlet{

private static final long serialVersionUID = 1L;

public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String file = request.getParameter("data");

}   
}

私が提供したweb.xmlでのマッピングのために

 <servlet>
    <servlet-name>UploadDrawingServlet</servlet-name>
    <servlet-class>UploadDrawingServlet</servlet-class>
</servlet>

 <servlet-mapping>
    <servlet-name>UploadDrawingServlet</servlet-name>
    <url-pattern>/UploadDrawingServlet</url-pattern>
</servlet-mapping>

そしてサーブレットクラスでは、その受信は---

public class UploadDrawingServlet extends HttpServlet{

private static final long serialVersionUID = 1L;

public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System.out.println("Here in servlet class");
String file = request.getParameter("data");
}   
}

ajaxリクエストを使用してフォローを実装する方法を教えてください。または、このタイプのリクエストが不可能な場合。ありがとうございました////

4

1 に答える 1

1 
function dynamicUpload(){
  var formElement = $("[name='attachfileform']")[0];
  var fd = new FormData(formElement); 
  var fileInput = $("[name='attachfile']")[0];
  fd.append('file', fileInput.files[0] );

  console.log(fd);

  $.ajax({
    url: 'UploadDrawingServlet',
    data: fd,
    processData: false,
    contentType: false,
    type: 'POST',
    success: function(data){
      console.log(data);
    }
 });

}

http://jsfiddle.net/ajk7J/を参照してください

于 2013-05-04T09:30:49.290 に答える