kendo-fileselect不提交其他表单元素

问题描述 投票:0回答:1

i有HTML形式的Kendo-FileSelect(Https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect)以及其他几个元素(复选框等)。 其他字段是由后端拾取的,但是无论出于何种原因,文件内容均未正确拾取。 作为一个实验,我在表单中添加了一个普通的文件输入,并且当我从UI中选择完全相同的文件时,它的内容包含在邮政请求中,而不是kendo-fileselect(只是一个空的应用程序/octet-stream) 。 Kendo-Fileselect的行为与香草类型不同,如果是的,可以用平淡的表单提交?


Html:

file
请求主体:

<div> <kendo-fileselect #fileSelect name="fileSelect" formControlName="fileSelect" [multiple]="false" [restrictions]="uploadRestrictions" > </kendo-fileselect> </div> <div> <input type="file" name="filePath" /> </div>
    
kendo-ui kendo-ui-angular2
1个回答
0
投票
简短的答案似乎是本身不能以普通的HTML形式提交。 我能够通过在DOM中创建临时表单,向其添加文件输入元素并使用DataTransfer设置新元素的文件属性:

来解决此问题:

------geckoformboundary198f09eb5dd7819ca937be21fbe01fe0
Content-Disposition: form-data; name="fileSelect"; filename=""
Content-Type: application/octet-stream

------geckoformboundary198f09eb5dd7819ca937be21fbe01fe0
Content-Disposition: form-data; name="filePath"; filename="mydata.csv"
Content-Type: application/vnd.ms-excel

a,b,c
1,2,3
x,y,z
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.