file-upload - 在 Struts2 中使用 AJAX 上传文件而不刷新页面

Question

我想使用 Struts2 上传文件，但不刷新页面。

我如何将 AJAX 用于此解决方案。

$.ajax({
url:"strutsaction",
type : 'POST',
async: false,

});

我应该为 ajax 请求中的 data 和 contentType 写什么？

jsp代码：

<s:form action="strutsaction" method="post" enctype="multipart/form-data">

        <s:file name="imgFileUpload" label="Choose file to upload" accept="image/*"></s:file>
        <s:submit value="Upload" align="center"></s:submit>
    </s:form>

Answer 1

嗨，下面的代码对我有用。我希望它会帮助你。

JSP 代码：

<div id="uploadImg">
     <s:form id="uploadImgForm" action="strutsaction" method="post" enctype="multipart/form-data">
            <s:file name="imgFileUpload" label="Choose file to upload" accept="image/*"></s:file>
            <s:submit value="Upload" align="center" id="uploadImgSubmitBtn"></s:submit>
     </s:form>
<div>

查询：

$("#uploadImgSubmitBtn").click(function(e){

    // Get form
    var form = $('#uploadImgForm')[0];

    // Create an FormData object
    var data = new FormData(form);

    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: "strutsaction.action",
        data : data,
        cache: false,
        processData: false,
        contentType: false,
        success: function(data){
            $('#uploadImg').html(data);
        }
    }); 
});