html - input file type trigger url

Question

I have a button for upload image in html:

<input id="album-image-input" style="display:none;" type="file" name="albumimages" multiple  onchange="previewImages(this.files)"  maxlength="10" accept="image/png,image/jpg"/>
<button  onclick="HandleBrowseClick('album-image-input');" >UPLOAD IMAGE</button>

with js:

function HandleBrowseClick(input_image){
    var fileinput = document.getElementById(input_image);
    fileinput.click();
}

At certain pages when I click on the UPLOAD IMAGE, it will call:

Navigated to http://localhost:8888/mysite/?albumimages=

but not at some pages.

Why is that? And how can I prevent that from happen?

What's this go to: `onchange="previewImages(this.files)"`? We don't have all your code. — Web_Designer, Jan 13 '17 at 01:33
That button element would likely go to another page if it was in a form element. Take it out of the form, or add `type="button"` to the ` — Web_Designer, Jan 13 '17 at 01:36

score 0 · Accepted Answer · edited May 23 '17 at 12:16

0

Due to security concerns, you generally aren't allowed to programmatically click an input[type=file] button. In some cases, depending on if the button is visible, you may be allowed. Yours is unlikely to work because the button is hidden. For more information, see this question.

edited May 23 '17 at 12:16

Community

1
1

answered Jan 13 '17 at 05:26

Michael Sacket

897
8
13

html - input file type trigger url

1 Answers1