Stack Overflow
Stack Overflow

Questions tagged [bootstrap-file-upload]

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

33 questions
9
votes
2 answers

Bootstrap Fileinput does not send file again on second upload

When I upload a file with Krajees Bootstrap Fileinput, I perform a server side validation of the file. When something goes wrong, I output a JSON-Object simply with {error:'Something went wrong'}. The Plugin displays the error perfectly. But then:…
Florian Müller
  • 7,448
  • 25
  • 78
  • 120
7
votes
1 answer

How to show progress in the bootstrap-fileinput plugin?

I have this JavaScript code: $("#uploadFile").fileinput({ uploadUrl: url, maxFilePreviewSize: 10240, allowedFileExtensions: ["xls", "xlsx", "csv"], maxFileCount: 1, language: 'es', theme: 'gly', autoReplace: true, …
jstuardo
  • 3,901
  • 14
  • 61
  • 136
5
votes
2 answers

Add cancel upload or abort functionality to bootstrap multiple file upload plugin

I am using bootstrap multiple file upload plugin to upload file. I am using the example that is on this link. Now I want to add another button "Cancel upload" besides the "Add files" button. On clicking the "Cancel upload" button the uploading…
Rahul Gupta
  • 9,775
  • 7
  • 56
  • 69
4
votes
1 answer

Bootstrap file input plugin is removing all previews on change or fileselect

I am developing a website. In my website, I need to develop multiple file upload feature. I need to display the preview of selected photo as well. So I used this bootstrap plugin - http://plugins.krajee.com/file-input . But now I am having a problem…
Wai Yan Hein
  • 13,651
  • 35
  • 180
  • 372
3
votes
1 answer

Bootstrap Tooltip on Filestyle input element

Is there a way to attach a Bootstrap Tooltip to a Filestyle input element? Something that would appear like this when hovered over: I've tried the following without success:
JDawg
  • 8,560
  • 4
  • 25
  • 29
2
votes
1 answer

Using promises to execute ajax synchronously

This is my code where I handle file uploads: But as I am not using promises it doesn't run in proper sequence! The ajax part of the code runs at the very end when I upload multiple files (I am using krajee bootstrap and this code does the actual…
Parth
  • 2,682
  • 1
  • 20
  • 39
2
votes
1 answer

krajee bootstrap-fileinput with django framework

I am trying to use this, krajee bootstrap-fileinput library with Django python framework. I need to pass csrf_token via headers to submit the file via ajax to the server. Where should I put csrf_token? In general, I used to pass as a header in ajax…
Naroju
  • 2,637
  • 4
  • 25
  • 44
2
votes
0 answers

how to pass custom headers in jquery bootstrap file upload plugin into node server

I would like to pass a token field and its value along with file upload action. I'm using the Bootstrap file input plugin , But it not sending the custom headers into the nodejs server like the other default header. I have tried the code below.…
sijo vijayan
  • 1,590
  • 1
  • 21
  • 34
2
votes
2 answers

Bootstrap Filestyle - Changing button text for file field doesn't work

I would like to change button text for file field in Bootstrap Filestyle plugin in Bootstrap 2.3.2, but it doesn't work and text of button is still default. I create file field by replacing element in jquery and tried to set text by attribute…
Matt
  • 8,195
  • 31
  • 115
  • 225
1
vote
2 answers

Not receiving any data from file upload

I am trying to use the Krajee Bootstrap File Input to upload a file. I am using ASP.NET Core 2. Here is my HTML: Here is my javascript code: $("#fileFileUpload").fileinput({ showPreview: true, …
Icemanind
  • 47,519
  • 50
  • 171
  • 296
1
vote
2 answers

Krajee Bootstrap File Input fails with large files

I am using krajee file input to upload images. It works well for small images. But it fails to upload large images. When I checked requests in server side the small images has mimeType=image/jpeg and large images has…
Randika
  • 683
  • 3
  • 11
  • 32
1
vote
1 answer

I would like to add the uploadExtraData in bootstrap-fileinput

I am using bootstrap-fileinput, I am able to upload the file successfully, But I also want to send some data like user details with file to the server. is there any option to add data? My JavaScript Code: $('#xlf').fileinput({ …
ansh
  • 573
  • 3
  • 9
  • 26
1
vote
1 answer

Validation is not working proper for bootstrap file upload

I am using bootstrap file style. I have set the Jquery validation on it which is working but I don't know what the issue in my code. I am uploading the image jpg, png, jpeg, gif but validation is still showing error after uploading the image. I mean…
Naren Verma
  • 2,205
  • 5
  • 38
  • 95
1
vote
0 answers

bootstrap-fileinput - delete attachment and multiple upload fields

I am having two issues with the Bootstrap FileInput plugin: I am uploading to a "temp" folder to park the files until the form is submitted and I get a unique key to which I can relate the attachment and form data. The problem now is that in case…
Armitage2k
  • 1,164
  • 2
  • 27
  • 59
1
vote
1 answer

HttpPostedFileBase not showing image with bootstrap file upload plugin

I have a view model that has a HttpPostedFileBase property called 'StudentImage'. When the user logs in I want to fetch a byte array (my image from DB) and display it? I can fetch the byte[] from the database, and I can set the byte[] back to my…
chuckd
  • 13,460
  • 29
  • 152
  • 331
1
2 3