Question

我使用jQuery通过AJAX上传图片。

这是我的HTML：

<body>
  <form id="formId">
    <input type="file" name="file">
    <input type="submit" id="btn" value="submit">
  </form>
</body>

这是我的jQuery代码：

$(document).ready(function(){ 
  $("#btn").ready(function(){ 
    data1= new FormData($("#formId")[0]);

    $.ajax( {
      url: 'Sample1',
      type: 'POST',
      data :data1,
      processData: false,
      contentType: false,
      dataType:"text",
      success:function(response)
      {  
      }
    }); 
  });
});

这是我的Java代码：

ServletFileUpload sf=new ServletFileUpload(new DiskFileItemFactory());
try {
    List<FileItem> multifiles=sf.parseRequest(request);
    for(FileItem item:multifiles){
        try {
            item.write(new File("D:\\Projects\\i_seva\\WebContent\\"+item.getName()));
            System.out.println(item.getName());;
            //System.out.println(ss);
        } catch (Exception e) { 
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
} catch (FileUploadException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
}

当我点击按钮时，请求将转到Sample1 servlet，但以下异常即将到来

java.io.FileNotFoundException: D:\Projects\i_seva\WebContent (Access is denied)
    at java.io.FileOutputStream.open0(Native Method)
    at java.io.FileOutputStream.open(Unknown Source)
    at java.io.FileOutputStream.<init>(Unknown Source)
    at java.io.FileOutputStream.<init>(Unknown Source)
    at org.apache.commons.fileupload.disk.DiskFileItem.write(DiskFileItem.java:394)
    at com.iseva.Servlet.Sample1.doPost(Sample1.java:35)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:648)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:729)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:292)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:207)
    at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:240)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:207)
    at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:212)
    at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:94)
    at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:504)
    at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:141)
    at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:79)
    at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:620)
    at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:88)
    at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:502)
    at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1104)
    at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:684)
    at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1519)
    at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.run(NioEndpoint.java:1475)
    at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source)
    at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source)
    at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
    at java.lang.Thread.run(Unknown Source)

如果我在没有AJAX的情况下执行此操作，只有正常的表单操作，它才会上传图像。我无法追查它出错的地方。

Answer 1

检查路径D:\Projects\i_seva\WebContent是否存在，网络服务器是否具有在那里写文件的权限，以及item.getName()究竟是什么 - 如果它是空白的你将会丢失文件名。

Answer 2

我认为当您尝试通过ajax时这不起作用的原因是因为代码在您的页面加载时立即运行，而无需等待用户选择图像或单击按钮。

如果您转到此链接：http://jsfiddle.net/L7n7r9q9/并打开浏览器的网络标签，您可以看到ajax请求是在页面加载后立即生成的。单击该按钮时，它使用普通表单操作处理请求，因为没有实际处理按钮单击的JavaScript / jQuery代码。

原因是这一行：

 $("#btn").ready(function() {

没有按你的意愿行事。 “ready”方法用于在页面加载并且DOM准备就绪后立即执行函数。将它附加到“btn”的事实没有任何区别（即使它确实如此，它只会在按钮渲染后运行，但仍然不正确）。 jQuery文档说明了这一点：

...选择与.ready（）方法的行为没有关系

有关详细信息，请参阅https://api.jquery.com/ready/。

这意味着上传代码运行时没有选择任何文件，因为用户没有时间选择一个文件。我认为这反过来意味着你的Java代码试图保存到一个荒谬/不存在的文件路径，因为它似乎没有在尝试将文件保存到磁盘之前验证文件是否真正上传。

您真正想要做的是处理按钮的“点击”事件，该事件仅在用户点击按钮时运行代码：

$(document).ready(function(){ 
  $("#btn").click(function(event){ //note "click" instead of "ready"
    event.preventDefault(); //stop default postback behaviour so we can use ajax
    var data1 = new FormData($("#formId")[0]);

    $.ajax( {
      url: 'Sample1',
      type: 'POST',
      data :data1,
      processData: false,
      contentType: false,
      dataType:"text",
      success:function(response)
      {  
      }
    }); 
  });
});

N.B。即使这不能完全解决Access Denied的问题（你仍然可能没有权限，我也无法验证），你肯定需要在ajax上传开始工作之前修改你的代码。

上传文件时java.io.FileNotFoundException（path）（拒绝访问）

2 个答案: