文件上传|无需刷新页面 |支柱2 |无闪光|

问题描述：我想使用JSP创建一个文件上传屏幕。该屏幕将允许用户在屏幕上选择多个文件，但所有文件都只有一个“上传”按钮。单击上传按钮后，应在 Action 类中获取所有文件对象。

但重要的是提交后页面不应该刷新。同一屏幕上还会显示其他信息，这些信息在文件上传过程中不应更改。

我的尝试：我使用了简单的 struts2 文件上传功能，效果很好。但提交时正在刷新页面。 我使用 AJAX (JQuery) 来解决这个问题。我在使用 AJAX 时遇到的问题是它没有将 File 对象设置到 Action 类的 file 属性中。因此我无法获取 Action 类中的文件对象并进一步处理。

谁能帮我解决这个问题吗？

我附上了迄今为止我所尝试过的代码。

JSP:

<s:form action="fileUpload" method="post" enctype="multipart/form-data" >
<s:file id="file" name="userImage" cssClass="fileUpload" cssStyle="fileUpload" />
<button id="px-submit">Upload</button>      
</s:form>

<script type="text/javascript">
jQuery(function($){
$('.fileUpload').fileUploader();
});
</script>

jQuery 插件: 这是我用过的jquery插件。

动作类:

public class FileUploadAction extends ActionSupport{

private File userImage;

public File getUserImage() {
    return userImage;
}

public void setUserImage(File userImage) {
    this.userImage = userImage;
}

public String execute()
{
    try
    {
        System.out.println("file name: " + userImage.toString());

    }
    catch(Exception e)
    {
        e.printStackTrace();
    }

    return SUCCESS;
}

编辑：这是我的 struts 配置文件。

Struts.xml

<action name="commonDataImportAction_*" class="xxx.Action">
<result name="SUCCESS" type="stream">
            <param name="contentType">text/html</param>
             <param name="inputName">inputStream</param>
        </result>

由于文件对象未设置，我在这里得到一个空指针。

请帮忙。

提前致谢。 高拉夫

我正在使用相同的插件，它对我来说工作得很好。我在您的代码中看到的第一个问题是您尚未设置要提交的上传按钮的类型。

<button id="px-submit" type="submit">Upload</button>

希望这应该可以解决空指针异常。 另外，正如这个插件文档中提到的，您需要返回一个 json 字符串

<div id='message'>success message</div>

上传成功后。所以您需要更改 struts.xml 映射。 尝试一下，如果您遇到任何其他问题，请回复我。 编辑： 好的，这是您要求的我的代码

JSP

<form action="uploadImage" method="post" enctype="multipart/form-data">
   <input type="file" name="image" class="fileUpload" multiple/>
   <button id="px-submit" type="submit">Save all images</button>
   <button id="px-clear" type="reset">Clear all</button>
</form>

$('.fileUpload').fileUploader({
          autoUpload: false,
          buttonUpload: '#px-submit',
          buttonClear: '#px-clear',
});

动作类

您需要返回流结果。我正在使用一个插件（struts2 jquery 插件）它的处理方式各不相同，但是你dont仅因为这一要求而必须使用它，相反，我为您提供了一段代码来返回流结果，而不使用任何插件。（取自here)

public class UploadImageAction extends ActionSupport{
        private File image;
        private String imageContentType;
        private String imageFileName;
        //getter/setter for these
        public String execute() {
         String status="";         
        try{
              //save file code here    
         status="<div id='message'>successfully uploaded</div>"; //on success
         inputStream = new StringBufferInputStream(status);
        }catch(WhateverException e){
         status="<div id='status'>fail</div><div id='message'>Your fail message</div>"; //on error
         inputStream = new StringBufferInputStream(status);
         //other code
        }

        return SUCCESS;
    }
    private InputStream inputStream;

    public InputStream getInputStream() {
       return inputStream;
    }
}

struts.xml

<action name="fileUpload" class="com.xxx.action.UploadImageAction">  
    <result type="stream">
      <param name="contentType">text/html</param>
      <param name="inputName">inputStream</param>
    </result>
  </action>