Utilities Bootstrap 5Free+ CSS+ JS
Bootstrap 5 drag and drop file upload snippets: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
3.8k views42 downloads
gosnippets.com/preview/bootstrap-5-drag-and-drop-file-upload-snippets
Source Code
1<div class="container p-y-1">
2 <div class="row m-b-1">
3 <div class="col-sm-6 offset-sm-3">
4 <button type="button" class="btn btn-success w-100" onclick="document.getElementById('inputFile').click()">Add Image</button>
5 <div class="mb-3 inputDnD">
6 <label class="visually-hidden" for="inputFile">File Upload</label>
7 <input type="file" class="form-control text-success font-weight-bold" id="inputFile" accept="image/*" onchange="readUrl(this)" data-title="Drag and drop a file">
8 </div>
9 </div>
10 </div>
11</div>Tags
More Utilities snippets
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
UtilitiesView →
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.