Cannot upload file on IE9

answered 2014-11-30 17:11:43 +0800

Darksu
1991 ● 1 ● 4

Hello nthongyen,

I just tested the file upload on IE9 and it works as expected (zk 7.0.3). Could you please use the following code and retest it?

Zul:

<zk>
  <window border="normal" title="hello" apply="demo.getting_started.TestComposer">

    <div>Multifile upload demo!</div>

    <button id="btn" label="Upload some files!" upload="true,maxsize=6000,multiple=true"/>
  </window>
</zk>

Java:

package demo.getting_started;

import org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zul.*;
import org.zkoss.util.media.*;

public class TestComposer extends GenericForwardComposer{

    public void doAfterCompose(Component comp) throws Exception {
        super.doAfterCompose(comp);

    }

    public void onUpload$btn(UploadEvent e)// throws InterruptedException
        {
        if (e.getMedias() != null)
                {
            StringBuilder sb = new StringBuilder("You uploaded: \n");


                    for (Media m : e.getMedias())
                        {
                sb.append(m.getName());
                            sb.append(" (");
                            sb.append(m.getContentType());
                sb.append(")\n");
                        }

            Messagebox.show(sb.toString());
                }
            else
                {
            Messagebox.show("You uploaded no files!");
                }
        }
}

Best Regards,

Darksu

answered 2015-08-31 09:25:48 +0800

Darksu
1991 ● 1 ● 4

Hello nthongyen,

Please update the zul file with the following css (for some reason the css was not shown):

<zk>
    <style>
    .ie8 span.z-upload, .ie9 span.z-upload, .ie10 span.z-upload { display:inline-block; }
    .ie8 span.z-upload input, .ie9 span.z-upload input, .ie10 span.z-upload input { z-index: 1; }
  </style>
  <window border="normal" title="hello" apply="demo.getting_started.TestComposer">

    <div>Multifile upload demo!</div>

    <button id="btn" label="Upload some files!" upload="true,maxsize=6000,multiple=true"/>
  </window>
</zk>

Tested using browserstack.

Best Regards,

Darksu