JS file upload with PhantomJS/CasperJS

Question

I'm trying to automate uploading images in CasperJS.

The form on the site appears to be using plupload. Once a button is clicked, a file browser dialog appears where multiple images can be selected.

How can I handle this file upload form with CasperJS? Is it possible to upload multiple images all at once?

Artjom B. · Accepted Answer · 2016-07-25 16:52:09Z

11

Even custom file upload widgets use an <input type="file" ...> element underneath their UI. That is necessary in order to get access to files on the client machine.

You can bypass the widget UI by directly setting the file that needs to be uploaded. Since CasperJS is built on top of PhantomJS, you can use all PhantomJS functions including page.uploadFile(selector, filename). In your case that would look something like this:

casper.page.uploadFile("#uploaders input[type='file']", myfilename);

Note that it is also possible to use all casper.fill*() functions provided you know the file input element name beforehand and the file input field is inside of a form element.

edited Jul 25, 2016 at 16:52

answered Sep 13, 2015 at 15:57

Artjom B.

62k26 gold badges137 silver badges236 bronze badges

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

2 Comments

gumuruh Over a year ago

thanks for answering @Artjom B., but i wonder, if the file images are separated in a different path,... how could we define that "myfilename" variable value anyway? separated by comma or something.... ? (seems strange).

Artjom B. Over a year ago

@gumuruh It doesn't look like PhantomJS supports uploading multiple files to the same element, so CasperJS won't support it. I'm sure there is a workaround by copying the single file input as many times as you have files to upload and remove the "multiple" attribute from all of them. You can ask a question if you can't make it work.

Collectives™ on Stack Overflow

JS file upload with PhantomJS/CasperJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related