How to remove selected file from input? I try: <div class="highlight highlight

Hi!!! You can try something like that: <div class="snippet-clipboard-content notra

What about using a reset button like this? <div class="Box Box--condensed my-2

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

How to remove selected file? about bs-custom-file-input HOT 3 OPEN

johann-s commented on September 26, 2024

How to remove selected file?

from bs-custom-file-input.

Comments (3)

AlonsoCauich commented on September 26, 2024

Hi!!! You can try something like that:

function remove_selected(id_input){
   var fileInput = document.getElementById(id_input)
   fileInput.value = ''
   fileInput.dispatchEvent(new Event('change'));
}

remove_selected('file');

from bs-custom-file-input.

jtsimoes commented on September 26, 2024

What about using a reset button like this?

bs-custom-file-input/tests/index.html

Lines 79 to 83 in 01454fd

 var btn = document.getElementById('btnResetForm') 

 var form = document.querySelector('form') 

 btn.addEventListener('click', function () { 

 form.reset() 

 })

from bs-custom-file-input.

LocalHeroPro commented on September 26, 2024

@jtsimoes but your code will reset all form, not only one input ;/

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) ){
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

How to remove selected file? about bs-custom-file-input HOT 3 OPEN

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	var btn = document.getElementById('btnResetForm')
	var form = document.querySelector('form')
	btn.addEventListener('click', function () {
	form.reset()
	})