diff --git a/example/src/index.js b/example/src/index.js
index e49143871..067926227 100644
--- a/example/src/index.js
+++ b/example/src/index.js
@@ -80,7 +80,6 @@ class Example extends React.Component {
 
   handleChange = debounce(value => {
     const text = value();
-    console.log(text);
     localStorage.setItem("saved", text);
   }, 250);
 
diff --git a/src/commands/insertFiles.ts b/src/commands/insertFiles.ts
index e5619d96c..6e2853756 100644
--- a/src/commands/insertFiles.ts
+++ b/src/commands/insertFiles.ts
@@ -4,7 +4,7 @@ import uploadPlaceholderPlugin, {
 
 const insertFiles = function(view, event, pos, files, options) {
   // filter to only include image files
-  const images = files.filter(file => /image/i.test(file.type));
+  const images = files;
   if (images.length === 0) return;
 
   const {
diff --git a/src/components/BlockMenu.tsx b/src/components/BlockMenu.tsx
index 4a83e0b47..4a99df0e9 100644
--- a/src/components/BlockMenu.tsx
+++ b/src/components/BlockMenu.tsx
@@ -152,6 +152,8 @@ class BlockMenu extends React.Component<Props, State> {
     switch (item.name) {
       case "image":
         return this.triggerImagePick();
+      case "file":
+        return this.triggerImagePick();
       case "embed":
         return this.triggerLinkInput(item);
       case "link": {
@@ -239,6 +241,7 @@ class BlockMenu extends React.Component<Props, State> {
 
   handleImagePicked = event => {
     const files = getDataTransferFiles(event);
+    console.log(files);
 
     const {
       view,
@@ -459,7 +462,7 @@ class BlockMenu extends React.Component<Props, State> {
               type="file"
               ref={this.inputRef}
               onChange={this.handleImagePicked}
-              accept="image/*"
+              accept="*"
             />
           </VisuallyHidden>
         </Wrapper>
diff --git a/src/menus/block.ts b/src/menus/block.ts
index c14fead88..8ddf4637b 100644
--- a/src/menus/block.ts
+++ b/src/menus/block.ts
@@ -104,6 +104,12 @@ export default function blockMenuItems(): MenuItem[] {
       icon: ImageIcon,
       keywords: "picture photo",
     },
+    {
+      name: "file",
+      title: "File",
+      icon: ImageIcon,
+      keywords: "file doc pdf",
+    },
     {
       name: "link",
       title: "Link",
diff --git a/src/nodes/Image.tsx b/src/nodes/Image.tsx
index 63a611324..3d6c78a90 100644
--- a/src/nodes/Image.tsx
+++ b/src/nodes/Image.tsx
@@ -150,10 +150,10 @@ export default class Image extends Node {
   component = options => {
     const { theme } = options;
     const { alt, src } = options.node.attrs;
-
+    console.log(src)
     return (
       <div className="image" contentEditable={false}>
-        <ImageZoom
+        {/* <ImageZoom
           image={{
             src,
             alt,
@@ -179,7 +179,8 @@ export default class Image extends Node {
           >
             {alt}
           </Caption>
-        )}
+        )} */}
+        <a href={src}>My Doc</a>
       </div>
     );
   };