adrians5j / react-butterfiles Goto Github PK

@doitadrian Is it possible to get files from input after upload?

document.getElementById('selectedFiles').files

Files array is empty. Is there another way?

This is:

• Documentation error

Specifications

• version:
• OS:
• Browser:

Expected Behavior

https://github.com/doitadrian/react-butterfiles#props should have maxSize listed as a prop

Actual Behavior

incorrectly has maxFileSize

Possible Solution

Pull request submitted

This is:

• Feature request
• Idea

Detailed Description

For example, Microsoft SharePoint has the following restrictions on the file name:
Information about the characters that you cannot use in file names:

• Do not use: " # % & * : < > ? \ / { | } ~
• File names cannot be longer than 128 characters
• Do not use the period character consecutively in the middle of a file name. For example, "file..name.docx" is invalid.
• You cannot use the period character at the end of a file name. For example, “filename..docx” is invalid.
• You cannot start a file name with the period character
• Many other symbols are not recommended such as $^()-_=+[]`! (other international currency symbols and international symbols should be avoided in site names, but some are more acceptable in file names. Ascii is preferred when possible.

Possible Solution

Possible property name: filter or regexFilter

React-butterfiles only accepts PDF format.

I have started using this library for images, but now I want to upload documents as well, and I am trying to upload the given formats
Is there any way to do it?
".doc",
".docx",
".htm",
".html",
".odt",
".pdf",
".xls",
".xlsx",
".ppt",
".pptx",
".txt"

@adrians5j @readeral

This is:

• Bug
• Question

Expected Behavior

It is necessary that when you hover the file over the entire File component, the entire area would be a drop zone with a similar design.
example

Actual Behavior

Drop zone is presented as in the example, but it does not work because it has zero height.
<div {...getDropZoneProps({className: "myDropZone"})}/>

Steps to Reproduce the Problem

1. Add the code from the example
2. Move a file to the zone of the File component
3. Now this zone by default resembles the eye of a needle

Possible Solution

Displaying the drop zone in full size is initially simple, but visually not beautiful, because takes up a lot of space. But if you make a hover effect, in which the entire zone of the File component becomes a drop zone - this is cool.

This is:

• Bug
• Feature request

Specifications

• version:
• OS:
• Browser:

Expected Behavior

Passing the <input> a grid item property via the getDropZoneProps should result in the <input> being laid out upon the grid

Actual Behavior

Due to to the component's wrapping <div>, the <input> is not a direct child of a wrapper with the display: grid property, and so is not placed on the grid.

Steps to Reproduce the Problem

1. Place <Files /> component within a wrapping <div> with the css property of display: grid and other grid related syntax
2. Pass css props via getDropZoneProps placing the input on a grid (e.g. grid-column: 1/2
3. input will not position correctly

Detailed Description

See pull request

Possible Solution

See pull request

This is:

• Feature request
• Question

Detailed Description

I allow sending all files, for example, with the exception of executable ones.