Fix #29: Better validation for graceful downgrade for older browsers

Author: kartik-v

CHANGE.md

@@ -4,6 +4,7 @@ version 1.0.2
 
 - (enh #23): Add Chinese translations.
 - (enh kartik-v/yii2-krajee-base#34, kartik-v/yii2-krajee-base#35): Enhance i18n translation locales. 
+- (enh #29): Better validation for graceful downgrade for older browsers.
 
 version 1.0.1
 =============

FileInput.php

@@ -63,11 +63,11 @@ public function init()
             Html::addCssClass($this->options, 'file-loading');
         }
         $input = $this->getInput('fileInput');
-        $id = 'jQuery("#' . $this->options['id'] . '")';
+        $script = 'document.getElementById("' . $this->options['id'] . '").className.replace(/\bfile-loading\b/,"");';
         if ($this->showMessage) {
             $validation = ArrayHelper::getValue($this->pluginOptions, 'showPreview', true) ? 'file preview and multiple file upload' : 'multiple file upload';
             $message = '<strong>' . Yii::t('fileinput', 'Note:') . '</strong> ' . Yii::t('fileinput', 'Your browser does not support {validation}. Try an alternative or more recent browser to access these features.', ['validation' => $validation]);
-            $content = Html::tag('div', $message, $this->messageOptions) . "<script>{$id}.removeClass('file-loading');</script>";
+            $content = Html::tag('div', $message, $this->messageOptions) . "<script>{$script};</script>";
             $input .= "\n" . $this->validateIE($content);
         }
         echo $input;
@@ -101,4 +101,4 @@ public function registerAssets()
         $this->registerAssetBundle();
         $this->registerPlugin('fileinput');
     }
-}
+}