EasyUI Forum

<form id="ff" enctype="multipart/form-data" method="post" action="...">
  <input class="easyui-filebox" name="file">
</form>
<script>
function uploadFile(){
  $('#ff').form('submit', {
    //...
  });
}
</script>

<table>
<tr>
    <td style="width:70%;"> <form id="uploadFile" enctype="multipart/form-data" method="post">
            <input id="chooseFile" class="easyui-filebox" name="file1" data-options="prompt:'Choose a file...'" style="width:25%">
            <a id="btn_add" href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true">Add File</a>
        </form></td>
    <td style="width:30%;"><div id="progressFile" class="easyui-progressbar" style="width:100%;"></div></td>
</tr>
</table>

$(document).ready(function(){

    $('#uploadFile').form({
        url:'{PATH_TO_ROOT}/regate/?url=/ajax/tree',
        ajax:'true',
        iframe:'false', // pour activer le onProgress
        onProgress: function(percent){
            // pendant l'envoi du fichier
            $('#progressFile').progressbar('setValue', percent);    
        },
        success: function(data){
                // apres l'envoi du fichier en cas de succes
                alert('succes');
        },
        onLoadError: function(){
                // apres l'envoi du fichier en cas d'erreur
        }
    });


    $('#btn_add').bind('click', function(){
        // vérification si le champ du nom de fichier est vide ou non
        if($('#chooseFile').filebox('getValue')!="") { // transfer le fichier en assynchrone
            $('#uploadFile').submit(); // on envoie le fichier
        }
    });
});

$('#uploadFile').form({
  iframe: false,
  //...
});