jQuery文件上传: cannot upload file in Safari 11

Question

在 Safari 11 中重现该错误的步骤:

1. 创建一个标题中包含西里尔字母的文件夹，例如“русский_язык”
2. 向文件夹添加一些文件
3. 打开https://blueimp.github.io/jQuery-File-Upload/在 Safari 11.1 浏览器中
4. 从该文件夹上传文件

实际结果:文件未上传。

为了更好地理解，请观看 Safari 11 的视频:https://drive.google.com/open?id=16tU8iBn0U9bUs7u5pM4ZBXmxpfJIv8WV

尝试上传相同的文件，但使用 Safari 10。

实际结果:一切正常，文件上传没有任何问题。

为了更好地理解，请观看 Safari 10 的视频:https://drive.google.com/open?id=1IO--Y1RjETAYAucaNyqhM6HZcQdNKDkI

更新2018年5月28日通过 crossbrowsertesting.com 进行了几个小时的调试(因为我没有 safari)，我找到了临时解决方案:就这条线https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload.js#L1182需要更换

entries = fileInput.prop('webkitEntries') ||  fileInput.prop('entries')

到

entries = []

一切都应该有效。

我猜这是因为苹果添加了 safari 实验性功能 - FileSystemEntry。有关此功能的更多信息 https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry .

如果 entries 变量为空 jquery.fileupload.js 将使用用于获取上传文件的久经考验的 files 属性。查看代码https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload.js#L1189了解更多详情

我还向 Safari 和 Sebastian Tschan(该库的作者)报告了一个错误

Answer 1

我现在也发现了同样的问题。我已经检测到代码片段:jquery.fileupload.js

_handleFileTreeEntry: function (entry, path) {
        var that = this,
            dfd = $.Deferred(),
            errorHandler = function (e) {
                if (e && !e.entry) {
                    e.entry = entry;
                }
                // Since $.when returns immediately if one
                // Deferred is rejected, we use resolve instead.
                // This allows valid files and invalid items
                // to be returned together in one set:
                dfd.resolve([e]);
            },
            successHandler = function (entries) {
                that._handleFileTreeEntries(
                    entries,
                    path + entry.name + '/'
                ).done(function (files) {
                    dfd.resolve(files);
                }).fail(errorHandler);
            },
            readEntries = function () {
                dirReader.readEntries(function (results) {
                    if (!results.length) {
                        successHandler(entries);
                    } else {
                        entries = entries.concat(results);
                        readEntries();
                    }
                }, errorHandler);
            },
            dirReader, entries = [];
        path = path || '';
        if (entry.isFile) {
            if (entry._file) {
                // Workaround for Chrome bug #149735
                entry._file.relativePath = path;
                dfd.resolve(entry._file);
            } else {
                entry.file(function (file) {  // <=== here
                    file.relativePath = path;
                    dfd.resolve(file);
                }, errorHandler);
            }
        } else if (entry.isDirectory) {
            dirReader = entry.createReader();
            readEntries();
        } else {
            // Return an empy list for file system items
            // other than files or directories:
            dfd.resolve([]);
        }
        return dfd.promise();

}

在此函数中，当代码遇到条件时

            entry.file(function (file) {
                file.relativePath = path;
                dfd.resolve(file);
            }, errorHandler);

Safari 正在返回文件函数回调的 errorHandler。函数 api 引用在这里:https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry/file .

这肯定是Safari 11的bug。很快我就会向苹果报告这个错误。在 jQuery.fileupload.js 中，我想更好的修复方法是使用 Safari 11 检测 UserAgent。但我认为 Apple 应该解决这个问题。