9

当我使用 Krajees Bootstrap Fileinput 上传文件时，我会执行文件的服务器端验证。当出现问题时，我会简单地输出一个 JSON-Object {error:'Something went wrong'}。插件完美显示错误。

但随后：当我再次按下“上传”$_FILES时，调用的提交 PHP 脚本中的数组为空。这意味着，即使插件已经通知发生了错误，它也不会再次发送文件。

为什么插件即使检测到错误也只会上传一次文件？有什么方法可以“重置”文件的“上传状态”吗？（我只上传一个文件）。

我已经检查了文件事件，但它们都没有给我带来想要的结果，相反，它们破坏了整个上传表单，某些按钮突然被禁用等等。

4

2 回答 2

3

我终于找到了可以解决问题的确切点：

在函数 updateUploadLog 的第 1705 行，该函数self.updateStack被调用。此调用只是清除文件堆栈并导致稍后的进程清空表单输入。简单地注释掉这一行就可以了，但前提是你在成功后重新加载，因为fnSuccess在发现错误时也会以某种方式调用。

@Angad非常感谢您的解决方案触发输入，多亏了我找到了重新开始搜索的地方；）

于 2016-05-22T13:01:06.240 回答
3

我看到 Github 问题说目前不支持此功能，但分叉该项目并将其弯曲以满足您的需求似乎相对简单。您在内部搜索中找到的所有fnError ='s都是您需要查看的地方。Cmd + Ffileinput.js

以这里为例：https ://github.com/kartik-v/bootstrap-fileinput/blob/d5ed3ee989edbd5d67b8cf4bdadc9f3c18609965/js/fileinput.js#L1897

这是当前看起来像这样的批处理文件上传：

fnError = function (jqXHR, textStatus, errorThrown) {
    var outData = self._getOutData(jqXHR), errMsg = self._parseError(jqXHR, errorThrown);
    self._showUploadError(errMsg, outData, 'filebatchuploaderror');
    self.uploadFileCount = total - 1;
    if (!self.showPreview) {
        return;
    }
    self._getThumbs().each(function () {
        var $thumb = $(this), key = $thumb.attr('data-fileindex');
        $thumb.removeClass('file-uploading');
        if (self.filestack[key] !== undefined) {
            self._setPreviewError($thumb);
        }
    });
    self._getThumbs().removeClass('file-uploading');
    self._getThumbs(' .kv-file-upload').removeAttr('disabled');
    self._getThumbs(' .kv-file-delete').removeAttr('disabled');
};

我会尝试将其修改为：

fnError = function (jqXHR, textStatus, errorThrown) {
    if (!myError.equals(textStatus)) { // A service-like impl. injection would be sexier
        var outData = self._getOutData(jqXHR), errMsg = self._parseError(jqXHR, errorThrown);
        self._showUploadError(errMsg, outData, 'filebatchuploaderror');
        self.uploadFileCount = total - 1;
        if (!self.showPreview) {
            return;
        }
        self._getThumbs().each(function () {
            var $thumb = $(this), key = $thumb.attr('data-fileindex');
            $thumb.removeClass('file-uploading');
            if (self.filestack[key] !== undefined) {
                self._setPreviewError($thumb);
            }
        });
        self._getThumbs().removeClass('file-uploading');
        self._getThumbs(' .kv-file-upload').removeAttr('disabled');
        self._getThumbs(' .kv-file-delete').removeAttr('disabled');
    } else {
        self._ajaxSubmit(fnBefore, fnSuccess, fnComplete, function() {
            // TODO: Second time failure - handle recursively or differently? :-)
        );
    }
};

希望这可以帮助！

于 2016-05-22T13:30:48.140 回答