markusslima / jquery-filestyle Goto Github PK
View Code? Open in Web Editor NEWPersonalize your input file and let the beautiful.
Home Page: http://markusslima.github.io/jquery-filestyle/
License: MIT License
Personalize your input file and let the beautiful.
Home Page: http://markusslima.github.io/jquery-filestyle/
License: MIT License
Include count of file in button
There is no filename displayed after selecting a file
Hello
There's a jump down the page, when clicking the Choose File button.
This happen also in the script site ( http://markusslima.github.io/jquery-filestyle/ ).
Added: This happens in Google Chrome.
Hi,
First, I'd like to thank you for your work that I'm currently using for a personnal project.
I have a question that you might be able to answer to : is it possible to append another button ? Indeed, I'd like to have a "load" button and a "reset" button.
Thank you for your help.
Sincerly,
Gautier
There is a typo in code inside "Get Start" section of documentation page:
<link href="css/jquery-filestyle.min.js">
JS extension is specified in the link tag.
When a file upload element is replicated via jquery, then it does not work.
thanx for this plugin: awesome!
on your example here http://markusslima.github.io/jquery-filestyle/index.html you have twice the js, but no css... the first is wrong...
cheers.ivo
Feature request this is:
It would be nice if it was possible to optionally set up the filestyle plugin so the file button is activated when clicking the text field next to the file button?
If anyone has a quick solution for this, please share it here.
The plugin displays nicely, but does trigger the onclick event when the finger touches the mobile screen. My device is a Samsung SGH-T399N. It works perfectly on all desktop browsers.
Thanks!
i have 4 input files, but if the first one is not set to dragdrop false, i can't drag and drop to the others even if i force data-dragdrop="true"
Is this possible that we can create three buttons and perform following three functions:-
Create upload button which would be used for upload files or image.
Create Replace Image/file which would be used for replace already uploaded file/image.
Create Delete Button for deleting uploaded file/Image.
If it is possible how can i use them.
Add method and option disabled
I noticed in our project, and even on the examples page of the plugin, that when you click on the file chooser and the popup opens; the popup opens on the right place but the scrollbar goes down to the bottom of the page. Doesn't happen in Firefox though.
I had set the label to use on the button using a data attribute, but I was instantiating manually using JavaScript
<input type="file" name="file" data-buttonText="Parcourir" />
$('.Form input[type=file]').jfilestyle();
While browsing the code I saw that data attributes where only used with the automatic trigger (class jfilestyle), shouldn't the JavaScript call also make use of the data attributes if it was not passed as an option?
Using font icons
Would it be possible to add an option to add a button to clear the file field? With options to set the icon and text for the clear button?
Hi,
I'm using Ninja Forms and your plugin to style an input field. Screenshot attached.
All is well but we're using the "Allow Repeatable?" option which adds another input.
Ninja forms is adding the new field but the plugin isn't styling it. I've tried calling the plugin to restyle all :file inputs when you click on the button and it does do after you've added 2 more.
I think the issue is the all have the same ID so you can only then use one file chooser, not all of them.
Any thoughts on how this could be resolved?
Thanks,
Barney
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.