Bug fixing added moving torrents after download, getting ready for alpha release
This commit is contained in:
99
goTorrentWebUI/node_modules/react-dropzone/examples/Accept/Readme.md
generated
vendored
Normal file
99
goTorrentWebUI/node_modules/react-dropzone/examples/Accept/Readme.md
generated
vendored
Normal file
@@ -0,0 +1,99 @@
|
||||
By providing `accept` prop you can make Dropzone to accept specific file types and reject the others.
|
||||
|
||||
The value must be a comma-separated list of unique content type specifiers:
|
||||
* A file extension starting with the STOP character (U+002E). (e.g. .jpg, .png, .doc).
|
||||
* A valid MIME type with no extensions.
|
||||
* audio/* representing sound files.
|
||||
* video/* representing video files.
|
||||
* image/* representing image files.
|
||||
|
||||
For more information see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input
|
||||
|
||||
```
|
||||
class Accept extends React.Component {
|
||||
constructor() {
|
||||
super()
|
||||
this.state = {
|
||||
accepted: [],
|
||||
rejected: []
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<section>
|
||||
<div className="dropzone">
|
||||
<Dropzone
|
||||
accept="image/jpeg, image/png"
|
||||
onDrop={(accepted, rejected) => { this.setState({ accepted, rejected }); }}
|
||||
>
|
||||
<p>Try dropping some files here, or click to select files to upload.</p>
|
||||
<p>Only *.jpeg and *.png images will be accepted</p>
|
||||
</Dropzone>
|
||||
</div>
|
||||
<aside>
|
||||
<h2>Accepted files</h2>
|
||||
<ul>
|
||||
{
|
||||
this.state.accepted.map(f => <li key={f.name}>{f.name} - {f.size} bytes</li>)
|
||||
}
|
||||
</ul>
|
||||
<h2>Rejected files</h2>
|
||||
<ul>
|
||||
{
|
||||
this.state.rejected.map(f => <li key={f.name}>{f.name} - {f.size} bytes</li>)
|
||||
}
|
||||
</ul>
|
||||
</aside>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
<Accept />
|
||||
```
|
||||
|
||||
### Browser limitations
|
||||
|
||||
Because of HTML5 File API differences across different browsers during the drag, Dropzone will only display `rejected` styles in Chrome (and Chromium based browser). It isn't working in Safari nor IE.
|
||||
|
||||
Also, at this moment it's not possible to read file names (and thus, file extensions) during the drag operation. For that reason, if you want to react on different file types _during_ the drag operation, _you have to use_ mime types and not extensions! For example, the following example won't work even in Chrome:
|
||||
|
||||
```
|
||||
<Dropzone
|
||||
accept=".jpeg,.png"
|
||||
>
|
||||
{({ isDragActive, isDragReject }) => {
|
||||
if (isDragActive) {
|
||||
return "All files will be accepted";
|
||||
}
|
||||
if (isDragReject) {
|
||||
return "Some files will be rejected";
|
||||
}
|
||||
return "Dropping some files here...";
|
||||
}}
|
||||
</Dropzone>
|
||||
```
|
||||
|
||||
but this one will:
|
||||
|
||||
```
|
||||
<Dropzone
|
||||
accept="image/jpeg, image/png"
|
||||
>
|
||||
{({ isDragActive, isDragReject }) => {
|
||||
if (isDragActive) {
|
||||
return "All files will be accepted";
|
||||
}
|
||||
if (isDragReject) {
|
||||
return "Some files will be rejected";
|
||||
}
|
||||
return "Dropping some files here...";
|
||||
}}
|
||||
</Dropzone>
|
||||
```
|
||||
|
||||
### Notes
|
||||
|
||||
Mime type determination is not reliable accross platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all.
|
||||
|
Reference in New Issue
Block a user