apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

fix(gui): handle cancel from file input

This commit is contained in:
Sean Sube 2023-01-08 22:50:53 -06:00
parent 5a58a96a2a
commit 6b3c0fea45
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
gui/src/components/ImageInput.tsx
View File

@ -37,15 +37,17 @@ export function ImageInput(props: ImageInputProps) {
accept={props.filter}
type='file'
onChange={(event) => {
const files = mustExist(event.target.files);
const file = mustExist(files[0]);
const { files } = event.target;
if (doesExist(files) && files.length > 0) {
const file = mustExist(files[0]);
if (doesExist(image)) {
URL.revokeObjectURL(image);
if (doesExist(image)) {
URL.revokeObjectURL(image);
}
setImage(URL.createObjectURL(file));
props.onChange(file);
}
setImage(URL.createObjectURL(file));
props.onChange(file);
}}
/>
</Button>

8
gui/src/components/Inpaint.tsx
View File

@ -84,12 +84,14 @@ export function Inpaint(props: InpaintProps) {
function drawSource(file: File) {
const image = new Image();
const src = URL.createObjectURL(file);
image.onload = () => {
const canvas = mustExist(canvasRef.current);
const ctx = mustExist(canvas.getContext('2d'));
ctx.drawImage(image, 0, 0);
URL.revokeObjectURL(src);
};
image.src = URL.createObjectURL(file);
image.src = src;
}
function changeMask(file: File) {
@ -153,8 +155,8 @@ export function Inpaint(props: InpaintProps) {
staleTime: STALE_TIME,
});
// eslint-disable-next-line @typescript-eslint/ban-types, no-null/no-null
const canvasRef = useRef<HTMLCanvasElement | null>(null);
// eslint-disable-next-line no-null/no-null
const canvasRef = useRef<HTMLCanvasElement>(null);
const [clicks, setClicks] = useState<Array<Point>>([]);
const [painting, setPainting] = useState(false);