Comments (10)
That PR wouldn't fix this issue because changing the value in the JS won't fire the change event. As you suggested, a refresh method for the control would be needed. form.reset works but not if you just want to change the value of that control without resetting the rest of the form.
from bs-custom-file-input.
Maybe before the PR of @CometS1, @tracerx you can try something like that:
var fileInput = document.getElementById('fileInput')
fileInput.value = ''
fileInput.dispatchEvent(new Event('change'))
EDIT:
BTW it works pretty well see: https://codepen.io/Johann-S/pen/LXOYbR
from bs-custom-file-input.
Maybe I should add a refresh
method to handle that
Thanks for the feedback @tracerx
from bs-custom-file-input.
I'll try to work on this, just tell me where I should create the refresh method
from bs-custom-file-input.
You can add in the bsCustomFileInput
object here:
https://github.com/Johann-S/bs-custom-file-input/blob/master/src/index.js#L11
Thanks @CometS1
from bs-custom-file-input.
Not sure if my PR here fix your issue: #39
from bs-custom-file-input.
I'm not sure either, @tracerx could you go into more detail about your issue, and check to see if the recent PR fixes it?
from bs-custom-file-input.
You can test that here: https://bs-custom-file-input.netlify.com/
from bs-custom-file-input.
Yep. That does the trick. Thank you for your help and sorry for not thinking that through before opening an issue on it!
from bs-custom-file-input.
No worries thanks you for using my plugin
from bs-custom-file-input.
Related Issues (20)
- Missing export HOT 2
- disable drag & drop?
- Implementation with multiple file pickers on the same form
- Remove Source-Maps for Production Builds
- Doesn't work with bootstrap 5 HOT 1
- Is it a problem if we call bsCustomFileInput.init() again after an ajaxSuccess event? HOT 2
- `destroy` should be able to specify a specific element, not wipe out the entire documents custom ones
- Label text overflows when uploading multiple files in iOS Safari HOT 1
- Bootstrap v5 compatibility HOT 1
- Add Bootstrap 5 support HOT 2
- Label descendants are removed or "concatenated" HOT 1
- When to call bsCustomFileInput.init() in a react app (when using in a Modal dialog)?
- How to use if( typeof $.fn.filestyle!== 'undefined' && $.isFunction($.fn.filestyle) ){
- How to remove selected file? HOT 3
- Drag and drop doesn't work if character size is changed in Safari
- Display number of items instead of their name on multiple inputs HOT 2
- Not able to make this work - no filename. Script and HOT 1
- ReferenceError: window is not defined
- Feature: file size validation
- Support Bootstrap 5 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bs-custom-file-input.