fix: image dialog should accept only images

Fixes #413
mdx-editor · Apr 12, 2024 · 9c4c7cc · 9c4c7cc
1 parent fa4c5c4
commit 9c4c7cc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -22,7 +22,7 @@
     "lint": "eslint src --ext .ts,.tsx",
     "test": "vitest",
     "semantic-release": "semantic-release",
-    "image-upload-backend": "node ./src/stories/file-backend.js"
+    "image-upload-backend": "node ./src/examples/file-backend.js"
   },
   "files": [
     "dist"

diff --git a/src/plugins/image/ImageDialog.tsx b/src/plugins/image/ImageDialog.tsx
@@ -59,7 +59,7 @@ export const ImageDialog: React.FC = () => {
           >
             <div className={styles.formField}>
               <label htmlFor="file">{t('uploadImage.uploadInstructions', 'Upload an image from your device:')}</label>
-              <input type="file" {...register('file')} />
+              <input type="file" accept="image/*" {...register('file')} />
             </div>
 
             <div className={styles.formField}>