jquery - $.AjaxFileUpload 在最新版本的 Chrome 版本 83.0.4103.61(官方版本)(64 位)中无法正常工作

Question

来自最新版本的 Chrome 版本 83.0.4103.61(官方版本)(64 位)Jquery $.AjaxFileUpload 不起作用，如果有人有想法请帮助我，这个 AJAX 调用在旧版本的 chrome 和其他浏览器(如 firefox 等)中工作正常。仅最新版本的 chrome 出现此问题这是代码:

JSP代码就像

<input type="file" id="fileform-a04d99a8-3cc0-49af-868d-48bdfd26f448" name="files" class="add-attachment-input" style="position: absolute; top: -100000px;" multiple="" >

Javascript:

 $("#fileform-" + code).AjaxFileUpload({
    action: "/claims/post/attachment/",
    onSubmit: function(element, filename) {
            return {jobcode: code};
    },
    onComplete: function(filename, response) {
        mci.claims.handleAttachmentResponse(code, $thisitem, filename, response);
    }
 });

Java代码:

@RequestMapping(value = "/post/attachment/", method = RequestMethod.POST, produces = "text/html")
@ResponseBody
public String addAttachments(@RequestParam("files")
final List<MultipartFile> files, @RequestParam("jobcode") String jobcode)
{
    jobcode = XSSFilterUtil.filter(jobcode);

    final Map<String, String> result = new HashMap<>();
    for (final MultipartFile file : files)
    {
        result.put(file.getOriginalFilename(), claimsFacade.addAttachmentToClaim(file, jobcode));
    }
    return jsonFacade.mapToJsonString(result);
}

Answer 1

还有另一个 jQuery 插件依赖于使用 src="javascript:false" 创建 iframe，而且 chrome 83 似乎不再喜欢它了 ( https://github.com/jquery-form/form/issues/571 )。它看起来像(根据那里发布的 jsFiddle)chrome 83 在使用该 src 属性值时阻止调用(我自己用 Chrome 83.0.4103.61-1 验证了它)，但如果src 属性值为 about:blank。

根据您正在使用的插件的源，它会创建一个具有上述 src 属性值 ( https://github.com/davgothic/AjaxFileUpload/blob/master/jquery.ajaxfileupload.js#L99 ) 的 iframe，因此出现了问题。将该行更改为这样应该可以解决问题:

.append('<iframe src="about:blank" name="' + id + '" id="' + id + '" style="display: none;"></iframe>');

尽管该插件在过去几年中没有太大变化(上次提交大约是在 2 年前)，但您可以通过此更改执行 Pull 请求。