mirror
/
photoview
mirror of https://github.com/photoview/photoview.git
1
Fork 0
Code

Use download.js to downlad images 

Resize initial-setup.png
This commit is contained in:
viktorstrate 2019-08-30 16:34:51 +02:00
parent e965187ed6
commit 76d5286cb0
4 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
screenshots/initial-setup.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 25 KiB

5
ui/package-lock.json generated
View File

@ -2972,6 +2972,11 @@
"resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-4.2.0.tgz", "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-4.2.0.tgz",
"integrity": "sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU=" "integrity": "sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU="
}, },
"downloadjs": {
"version": "1.4.7",
"resolved": "https://registry.npmjs.org/downloadjs/-/downloadjs-1.4.7.tgz",
"integrity": "sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw="
},
"duplexer2": { "duplexer2": {
"version": "0.1.4", "version": "0.1.4",
"resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz", "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",

1
ui/package.json
View File

@ -14,6 +14,7 @@
"apollo-link-ws": "^1.0.18", "apollo-link-ws": "^1.0.18",
"babel-plugin-styled-components": "^1.10.6", "babel-plugin-styled-components": "^1.10.6",
"copy-to-clipboard": "^3.2.0", "copy-to-clipboard": "^3.2.0",
"downloadjs": "^1.4.7",
"graphql": "^14.5.0", "graphql": "^14.5.0",
"graphql-tag": "^2.10.1", "graphql-tag": "^2.10.1",
"parcel-bundler": "^1.12.3", "parcel-bundler": "^1.12.3",

8
ui/src/components/sidebar/SidebarDownload.js
View File

@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
import { Menu, Dropdown, Button } from 'semantic-ui-react' import { Menu, Dropdown, Button } from 'semantic-ui-react'
import { Query } from 'react-apollo' import { Query } from 'react-apollo'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import download from 'downloadjs'
const downloadQuery = gql` const downloadQuery = gql`
query sidebarDownloadQuery($photoId: ID!) { query sidebarDownloadQuery($photoId: ID!) {
@ -24,12 +25,9 @@ const downloadPhoto = async url => {
}) })
const content = await request.blob() const content = await request.blob()
const contentUrl = URL.createObjectURL(content) const filename = url.match(/[^/]*$/)[0]
var downloadAnchor = document.createElement('a', contentUrl) download(content, filename)
downloadAnchor.setAttribute('href', contentUrl)
downloadAnchor.setAttribute('download', url.match(/[^/]*$/)[0])
downloadAnchor.click()
} }
const SidebarDownload = ({ photoId }) => { const SidebarDownload = ({ photoId }) => {