Class zen.ui.fileUpload Extends %ZEN.Component.fileUpload
{

/// This is the XML namespace for this component.
Parameter NAMESPACE = "http://ЯндексШобТыСдох/zen";

Property controlId As %String;

Method %DrawHTML()
{
	Set disabled = $S(..disabled:"disabled",1:"")
	Set ro = $S(..readOnly:"readonly",1:"")
	Set multiple = $S(..multiple:"multiple=""multiple""",1:"")	
	s ..controlId = ..%MakeId("control")
	&html<<input type="file" class="#(..controlClass)#" id="#(..controlId)#" #(..%Attr("title",..title))# #(..%Name())# #(multiple)# #(disabled)# #(ro)# #(..%Attr("size",..size))# #(..%Attr("accept",..accept))# #(..%Attr("maxlength",..maxlength))# #(..%Attr("style",..controlStyle))# #(..%Attr("tabindex",..tabIndex))# #(..%GetEventHandlers())#/>>
}

}

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<v:fileUpload name="fileUpload" id="fileUpload" />
<button caption="Добавить файл" onclick="zenPage.submit();" />

ClientMethod submit() [ Language = javascript ]
{
    var data = new FormData()
    var imagefile = $("#"+zen('fileUpload').controlId)
    data.append('file', imagefile[0].files[0])
    axios.post('http://ПРИЁМНИК', data, {headers: {'Content-Type': 'multipart/form-data'}})
      .then(function (response) {
        alert(response.data.file);
      })
      .catch(function (error) {
        console.log(error);
      });
}