feat(display): remove fakepath

Author: Johann-S

src/eventHandlers.js

@@ -2,13 +2,20 @@ import { findFirstChildNode, restoreDefaultText } from './util'
 import Selector from './selector'
 
 const fileApi = !!window.File
+const FAKE_PATH = 'fakepath'
+const FAKE_PATH_SEPARATOR = '\\'
 
 const getSelectedFiles = (input) => {
   if (input.hasAttribute('multiple') && fileApi) {
-    const files = [].slice.call(input.files)
+    return [].slice.call(input.files)
       .map((file) => file.name)
+      .join(', ')
+  }
+
+  if (input.value.indexOf(FAKE_PATH) !== -1) {
+    const splittedValue = input.value.split(FAKE_PATH_SEPARATOR)
 
-    return files.join(', ')
+    return splittedValue[splittedValue.length - 1]
   }
 
   return input.value

tests/units/eventHandlers.spec.js

@@ -40,6 +40,23 @@ describe('eventHandlers.js', function () {
       input.dispatchEvent(new Event('change'))
     })
 
+    it('should remove fakepath if found', function (done) {
+      bsCustomFileInput.init()
+
+      var label = document.querySelector('.custom-file-label')
+
+      input.addEventListener('change', function () {
+        expect(label.innerHTML).equal('myFakeFile.exe')
+        done()
+      })
+
+      Object.defineProperty(input, 'value', {
+        value: 'C:\\fakepath\\myFakeFile.exe',
+      })
+
+      input.dispatchEvent(new Event('change'))
+    })
+
     it('should change the label when files are selected', function (done) {
       bsCustomFileInput.init()