JIRA中的单个文件上传

Question

我正在尝试在JIRA上为我的插件上传单个文件。默认的JIRA上传行为是通过Ajax上传文件并将其转换为复选框，从而通过一个表单type="file"元素“上传”多个文件（参见图片）。

要禁用内联附加，可以指定类ignore-inline-attach：

<form action="TestBrowse.jspa" id="upload-form" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id" value="10000"/>
        <input type="file" name="uploadFile" class="ignore-inline-attach"/>
        <input type="submit"/>
</form>

但是，当我尝试在servlet / action中获取MultipartRequestWrapper时，我什么也得不到（这应该是根据各种来源去的方式，比如here）：

@Override
public String doExecute() throws Exception {
  MultiPartRequestWrapper requestWrapper = ServletActionContext.getMultiPartRequest();
  if (requestWrapper == null)
    log.error("Why am I not getting a multipart wrapper?")
  else  {
    ...do something...
  }  
  return returnCompleteWithInlineRedirect("/browse/" + getIssueObject().getKey());
}

此外，请求的enctype似乎是application/x-www-form-urlencoded; charset=UTF-8，尽管在表单模板中明确指定了multipart/form-data。我犯错误或解决方法的任何想法？

Answer 1

这是一个迟到的答案，但这是我在调查一天后发现的......

如果您的<input type="file">在JIRA对话框中，则表​​单将使用ajax提交。这就是请求的内容类型为"application/x-www-form-urlencoded;"的原因。尝试在新的浏览器选项卡中打开链接，此问题就会消失。您将在服务器中收到MultiPartRequestWrapper，因为表单已正常提交（没有ajax）。

1）扩展JIRA.FormDialog

我的第一种方法是扩展JIRA.FormDialog组件以发送带有文件和其他表单输入的FormData对象。这很有效，服务器收到multipart/form-data请求。

的（编辑） 的 问题是返回对话框的响应。我找不到办法做到这一点。响应总是返回一个带有页眉和页脚的完整JIRA页面，因为不知何故服务器不知道我在Dialog的上下文中。

我发现问题是什么。参数inline和decorator未被服务器reed（附加到FormData对象）。我尝试将这些参数添加到操作网址并且它可以工作：

   <form ... action="MyUploadAction.jspa#if($action.isInlineDialogMode())?inline=true&decorator=dialog#end"> 

以下是代码：

var TEST = window.TEST || {};
TEST.FormDialog = JIRA.FormDialog.extend({
    _getFormDataAsObject: function() {
        var data = new FormData(this.$form[0]);
        data.append('inline', true);
        data.append('decorator', 'dialog');
        return data;
    }
});

JIRA.Dialogs.uploadFile = new TEST.FormDialog({
    id: "dialog-id",
    trigger: "a.dialog-trigger",
    ajaxOptions: JIRA.Dialogs.getDefaultAjaxOptions,        
    onSuccessfulSubmit : JIRA.Dialogs.storeCurrentIssueIdOnSucessfulSubmit,
    submitAjaxOptions: {
        type: "post",
        data: {
            inline: true,
            decorator: "dialog"
        },
        processData: false,
        contentType: false,
        mimeType: 'multipart/form-data',
        dataType: "html"
    }
});

2）FileReader API

接下来，我尝试了FileReader API。当用户更改文件输入时，我读取文件并将其内容存储在DOM中。当通过ajax提交表单时，文件内容被视为普通var。我不太喜欢这种方法，因为如果文件很大，那么网页就会占用这个不必要的内存来存储内容。

3）JIRA临时文件API

最后，当您在输入中输入文件时，我尝试使用JIRA方法（删除ignore-inline-attach）来发送文件。 JIRA将它们存储为服务器中的临时文件。然后，您必须通过JIRA Attachment API在webwork操作中访问它们。这种方法的缺点是可以发送多个文件，但我只想发送一个文件（像你一样）。

请注意，最后两种方法需要两种方法来处理服务器中的文件：1）正常MultiPartRequestWrapper因为用户仍然可以在新页面中打开对话框，并且表单不是通过ajax提交的。 2）具体的方法。

在解决了响应问题后，我最终使用了1）方法（如上所述）。 HTH