Code Monkey home page Code Monkey logo

customelement-dropfiles's People

Contributors

antleblanc avatar grafikart avatar noirtam 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

customelement-dropfiles's Issues

Is there a prop that we can use for previously uploaded files ?

Hello Guys !

Hope that you are doing well!

Is there a prop that can we use to inject an array of links or files to be able to preview them ?

It's useful when you are building edit forms because the user will probably want to see what he already uploaded otherwise this field will be empty as by default

Kind regards

bug avec vue

si j'utilise vue dans la meme page que CustomElement-dropFiles ça ne marche pas (CustomElement-dropFiles), j'ai essayé dans un autre projet et j'ai eu le meme probleme.

Upload one file

First of all, I found this library very interesting. Just a way it use custom element and don't require ajax request is very helpul.

But if, for example I want to upload only one image but want to have a nice view for the user (remove image, have the image thumbnail etc... )

<input type="file" name="image" label="Drop your image there." is="drop-files" />

this library do not support this and keep adding files ( I just want one file, if there is already a file and user want to add another the first one must be replaced )

I think we can do this by checking if the multiple attribute is false

Image update

adding an uploaded image viewer, like a lightbox.

LICENCE

Bonjour,

Merci beaucoup pour le partage et la vidéo explicative qui va avec.
J'aimerais utiliser ce web component dans un projet mais il n'y a pas de licence.
Pourrais-tu l'expliciter ?

Merci

Firefox issue

Firefox issue - image duplication when adding new image.

add image A = A
add image B = AAB
add image C = AABABC

Same issue when removing. Element view seems to don't refresh.

image

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.