GithubHelp home page GithubHelp logo

markusslima / jquery-filestyle Goto Github PK

View Code? Open in Web Editor NEW
72.0 72.0 16.0 863 KB

Personalize your input file and let the beautiful.

Home Page: http://markusslima.github.io/jquery-filestyle/

License: MIT License

CSS 32.40% PHP 5.32% HTML 62.28%

jquery-filestyle's People

Contributors

hgcummings avatar jgable avatar markusslima avatar snatchev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

jquery-filestyle's Issues

IE9 bug

There is no filename displayed after selecting a file

[QUESTION]

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

Doesn't seem to work at all on Android 4.4.2

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!

Upload, Replace Image/file and Delete Button

Is this possible that we can create three buttons and perform following three functions:-

  1. Create upload button which would be used for upload files or image.

  2. Create Replace Image/file which would be used for replace already uploaded file/image.

  3. Create Delete Button for deleting uploaded file/Image.

    If it is possible how can i use them.

Page scrolls down after popup upens in Chrome

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.

Use data attributes even when instantiating manually

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?

Add clear button

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?

Multiple file input fields

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

screen shot 2016-08-03 at 13 55 45

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.