Если вдруг понадобится история про file upload. Мне сегодня зашла - нужно было затащить годный аплоад в зен, взял из другого (не каше) проекта и вот делюсь:
Наследуемся от дефолтного контрола и добавляем ему айдишник (чтоб найти не компонент, а конкретный input - если можно по другому, подскажете)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
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())#/>>
}
}
Приаттачиваем axios на страничку
1.
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Сам контрол примерно так в итоге на странице выглядит:
1.
2.
<v:fileUpload name="fileUpload" id="fileUpload" />
<button caption="Добавить файл" onclick="zenPage.submit();" />
Отправка с ZEN страницы (сорян за jquery, но и без него найдете):
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
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);
});
}
И тут Фаааанннн ;)
Ну и в конце вопрос: Почему imagefile[0].files[0] ???? Работает, конечно, но почему imagefile
[0] .files[0]?
