Copy and paste file in JavaScript

Question

I have a simple form with input

It works nice but I also want to add file to be uploaded by copying it and paste into browser using CTRL+V. How to do it?

Regards

Possible duplicate of How can I let users upload files by copy/paste? — Charlie
– Charlie, Commented Aug 17, 2017 at 6:47
@prasad I copied files but event.clipboardData.files is an empty array — SheppardPL
– SheppardPL, Commented Aug 17, 2017 at 7:13
It is answered here: stackoverflow.com/questions/6333814/… You can use copy&paste for images and drag&drop for other files. — Nux
– Nux, Commented Apr 5, 2021 at 19:16

Charlie · Accepted Answer · 2017-08-17 06:47:15Z

1

You cannot directly access the file system unless the user specify the file explicitly. Copy and paste doesn't fall in to this category.

You can use latest html5 drag and drop and create a drop zone to upload files.

Please see this answer for other external options.

answered Aug 17, 2017 at 6:47

Charlie

24k12 gold badges65 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SheppardPL Over a year ago

I do not want to upload file but read its source only from clipboard

Charlie Over a year ago

Javascript cannot read file system content by the path. But it can by the user action - that is when the user selects the file and say "here it is". You are good to go with HTML5 fileReader API if that happens. Copying and pasting doesn't guarantee that level of security.

Collectives™ on Stack Overflow

Copy and paste file in JavaScript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related