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