diff --git a/src/components/image-converter.tsx b/src/components/image-converter.tsx index 7f51991..acff4a8 100644 --- a/src/components/image-converter.tsx +++ b/src/components/image-converter.tsx @@ -55,6 +55,8 @@ export function ImageConverter() { const [useCounter, setUseCounter] = useState(false); const [counterStart, setCounterStart] = useState(1); const [counterDigits, setCounterDigits] = useState(3); + const [useDefaultBaseName, setUseDefaultBaseName] = useState(false); + const [defaultBaseName, setDefaultBaseName] = useState(""); const [scaleMode, setScaleMode] = useState<'fill' | 'cover' | 'contain'>('cover'); const [objectPosition, setObjectPosition] = useState('center center'); @@ -90,7 +92,9 @@ export function ImageConverter() { const newFilenames = [ ...filenames, ...imageFiles.map((file) => - file.name.substring(0, file.name.lastIndexOf(".")) + useDefaultBaseName && defaultBaseName + ? defaultBaseName + : file.name.substring(0, file.name.lastIndexOf(".")) ), ]; @@ -417,6 +421,21 @@ export function ImageConverter() {
+
+ + +
+ {useDefaultBaseName && ( +
+ + setDefaultBaseName(e.target.value)} + /> +
+ )}
setPrefix(e.target.value)} />