javascript - 在 jQuery BlueImp uploader 中删除文件名中的空格

Question

我正在使用 BlueImp jQuery Fileupload，https://github.com/blueimp/jQuery-File-Upload/

我们在包含空格、前导和尾随的文件方面遇到了一些问题。拖尾是一个问题(我认为)主要是从 OSX 上传的文件，因为默认情况下省略文件扩展名，导致上传的文件看起来像:“test .jpg”或“test.jpg”，然后导致问题。

我认为这将是一个相当简单的修复，只需对 data.files 中的名称值进行一些 trim ...

但事实并非如此，我还没有在网络上找到任何直接相关的内容。也许我今天的 Google Fu 太弱了..

我尝试使用 https://github.com/blueimp/jQuery-File-Upload/wiki/Options#callback-options 处的回调方法像这样:

 $('#fileupload').fileupload({
    submit: function (e, data) { 

    // lotsacode...

    }

    }).bind('fileuploadadd', function (e, data) {

        $.each(data.files, function (index, file) {
                file.name = $.trim(file.name)
            });
        });

但这给了我:

未捕获的类型错误:无法设置只有 getter 的 # 的属性名称

我还尝试修改核心函数 _onAdd、_onChange 等，但遇到了同样的问题。

在 Stackoverflow 上寻找解决方案或关于我出错的地方的想法，我发现如果您通过 PHP 使用 UploadHandler 类，这些解决方案似乎可以工作，但我们还没有处于我们想要的位置考虑一下。所以我想知道是否有什么明显的或不那么明显的东西我遗漏了？

版本:jQuery 文件上传插件 5.17.1、jQuery 文件上传用户界面插件 6.9.5

我不需要向对象添加额外的数据，而是修改默认的文件数据。

最诚挚的问候托马斯

Answer 1

根据他们的文档，您不应该将您的卫生处理链接到 processQueue 中，而不是将其绑定(bind)到回调吗？

https://github.com/blueimp/jQuery-File-Upload/wiki/Options#processqueue

我认为您可能绑定(bind)到选定的 jQuery 元素，而不是绑定(bind)到文件上传，或者当您收到回调时，文件已被处理。

console.log(file) 在每个循环中给出什么样的值？即

$.each(data.files, function (index, file) {
                //file.name = $.trim(file.name)
                console.log(file)
     });
});