maverick/netlify-cms-react-starter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve path parsing getImageUrl

Browse source
This commit is contained in:
Eric Jinks 2017-12-18 10:05:05 +10:00
parent b0ea5d7aaa
commit 8bd469d1ad
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/util/getImageUrl.js
View file

@ -2,10 +2,17 @@ const sizes = [10, 300, 600, 1200, 1800]
const outputDir = '/images/uploads/'
const resizedDir = '/images/uploads/resized/'
const parseFilename = filename => {
const parts = filename.match(/(.+)\.([\w]+)$/)
return {
filename: parts[1],
extname: parts[2]
}
}
const getImageSrcset = path => {
if (path.match(/^http/) || path.match(/svg$/)) return null
const filename = path.split('.').shift()
const extname = path.split('.').pop()
const { filename, extname } = parseFilename(path)
const pathname = encodeURI(filename.replace(outputDir, resizedDir))
const srcset = sizes
@ -27,8 +34,7 @@ const getImageSrc = (path, sizeRequested) => {
size = sizes[Math.ceil(sizes.length / 2)]
}
const extname = path.split('.').pop()
const filename = path.split('.').shift()
const { filename, extname } = parseFilename(path)
const pathname = encodeURI(filename.replace(outputDir, resizedDir))
return `${pathname}.${size}.${extname}`
}