Comments (6)
published a new release @drauch 👍
from bs-custom-file-input.
Thanks - works like a charm! :)
Very nice response time!!
from bs-custom-file-input.
I think that's because currently the plugin on init do not check if there is file selected 🤔
from bs-custom-file-input.
I pushed a fix: 0857b04
Do not hesitate to tell me what you think about it, and I'll draft a new release 👍
from bs-custom-file-input.
my pleasure 👍
from bs-custom-file-input.
sorry for reopen this, but I meet similar error when I use create-react-app
:
my sra/App.js is this:
import React, { useState } from 'react';
import { Card, Button, Collapse } from 'react-bootstrap';
import FormFile from 'react-bootstrap/FormFile'
import Form from 'react-bootstrap/Form'
import InputGroup from 'react-bootstrap/InputGroup'
import FormControl from 'react-bootstrap/FormControl'
// https://github.com/Johann-S/bs-custom-file-input
import bsCustomFileInput from 'bs-custom-file-input'
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
function App() {
bsCustomFileInput.init();
return (
<div className="container">
<div className="custom-file">
<input id="inputGroupFile01" type="file" className="custom-file-input" />
<label className="custom-file-label" htmlFor="inputGroupFile01">Choose file</label>
</div>
</div>
);
}
export default App;
I am using Bootstrap v4.4.1
thanks~
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.