Blog

AjaxFileUpload dialog box - cant select multiple filesRSS

5 replies

Last post Apr 11, 2014 08:57 AM by 2xo1

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

2xo1

Member

20 Points

89 Posts

AjaxFileUpload dialog box - cant select multiple files

Apr 01, 2014 07:20 AM|2xo1|LINK

vs express 2012

targetFramework="4.0"

IE10

install ajax toolkit via manage nuGet packages for solution - and tried to reinstall it...

the prob:

on dialog box - cant select multiple files... just one at the time.

i would like to have the same behavior like in the ajax control tool kit oficial page..

add in web.config:

<system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <handlers>
      <add name="AjaxFileUploadHandler" verb="*" path="AjaxFileUploadHandler.axd" type="AjaxControlToolkit.AjaxFileUploadHandler,            AjaxControlToolkit"/>
    </handlers>
  </system.webServer>

<form id="form1" runat="server">
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <div>
            <asp:Label runat="server" ID="myThrobber" Style="display: none;"><img align="absmiddle" alt="" src="images/uploading.gif"/></asp:Label>
            <asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server"
                OnUploadComplete="AjaxFileUpload1_UploadComplete" 
                ThrobberID="myThrobber" MaximumNumberOfFiles="10" AllowedFileTypes="jpg,jpeg,gif" />
        </div>
    </form>

protected void AjaxFileUpload1_UploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
    {
        //string filePath = "~/upload/" + e.FileName;
        //AjaxFileUpload1.SaveAs(filePath);

    }

- Reply
dotnetzoom
Contributor

5590 Points

1297 Posts

Re: AjaxFileUpload dialog box - cant select multiple files

Apr 01, 2014 08:00 AM|dotnetzoom|LINK

2xo1
on dialog box - cant select multiple files... just one at the time.

Did you try holding CTRL key to select multiple files? When you set MaximumNumberOfFiles to 10, you should be able to select 10 files.
- Reply
2xo1
Member

20 Points

89 Posts

Re: AjaxFileUpload dialog box - cant select multiple files

Apr 01, 2014 08:33 AM|2xo1|LINK

yas i did..

tried to fallow tutorials as well..

like this one for exemple:

http://stephenwalther.com/archive/2012/05/01/ajax-control-toolkit-may-2012-release

on:

IE10: browser:Mode IE10 documentMode:Standards

chrome:33

FF:28
- Reply
Fuxiang Zhan...
All-Star

30411 Points

3628 Posts
Re: AjaxFileUpload dialog box - cant select multiple files

Apr 02, 2014 06:53 AM|Fuxiang Zhang - MSFT|LINK
Hi 2xo1,

Thanks for your post.

In my mind the ajax control AjaxFileUpload will generate file input with Multiple attribute.
```
<input name="AjaxFileUpload1$ctl04" type="file" id="AjaxFileUpload1_Html5InputFile" multiple="multiple" style="opacity:0;-moz-opacity:0.0;filter:alpha(opacity=0);display:none;visibility:hidden;" />
```
The multiple attribute supported in html5, and html5's attributes not fits all browsers.

http://www.w3schools.com/tags/att_input_multiple.asp

You can try below javascript code for test whether your broswer support multiple (select multiple files ).
```
function supportMultiple() {
	//do I support input type=file/multiple
	var el = document.createElement("input");

	return ("multiple" in el);

}
```
Hope that helps, thanks.

Best Regards!
We are trying to better understand customer views on social support experience. Click HERE to participate the survey. Thanks!
- Reply
chetan.sarod...
All-Star

48393 Points

12161 Posts

Re: AjaxFileUpload dialog box - cant select multiple files

Apr 02, 2014 11:41 PM|chetan.sarode|LINK

http://forums.asp.net/t/1925647.aspx?Ajax+File+Upload+withoug+Drop+Drag+and+No+multi+select

Chetan Sarode
Team Lead, Product Development
Approva Systems Pvt Ltd, Pune, India.
- Reply
2xo1
Member

20 Points

89 Posts
Re: AjaxFileUpload dialog box - cant select multiple files

Apr 11, 2014 08:57 AM|2xo1|LINK
for shore i have tried on

IE10: browser:Mode IE10 documentMode:Standards

chrome:33

FF:28

and with the
```
<meta http-equiv="x-ua-compatible" content="IE=edge" >
```
and tried to add
```
multiple="multiple"
```
to the asp:AjaxFileUpload control...

but i will have to mantion that the example in the ajaxCOntrolToolKit website its working fine...

and the html tag working fine
```
            <input type="file" name="file" multiple="multiple" id="xx" accept="image/*" />
```