如何使用Kendo文件上传发送额外的值

Question

我正在尝试上传文件，文件上传成功上传。 当我发送额外的值以及文件上传保存网址时，我遇到了问题。

我创造了一个jsfiddle

Jsfiddle示例链接我能够上传文件，但我想发送drowpdown值和文本框值以及文件上传。

    <span>Document Type
<select id="dropdownlist">
    <option>Id Proof</option>
    <option>Driving Liscence</option>
    <option>Other</option>
</select>
    <br/>
    Doc Number<input type="text" class="k-text" />
    <br/>
<div style="padding: 4px; margin-bottom: 10px;">
        Acceptable file types: .xml<br/>File size limit: 5MB
 </div>
    <input type="file" name="batchFile" id="batchFile" title="Select file" />
    <div id="upload-error" class="k-state-selected" style="padding: 4px; margin-top: 10px; display: none"></div>

<script>
$("#dropdownlist").kendoDropDownList();


$("#batchFile").kendoUpload({
    async: {
        saveUrl: '/Upload',
        autoUpload: false
    },
    multiple: false,
    localization: {
        select: "Select a file",
        uploadSelectedFiles: "Send"
    }
});
</script>

Answer 1

我已更新您的JSFiddle以发布其他字段。

http://jsfiddle.net/dtrimarchi/bWs9j/61/

upload: function (e) {
    e.data = { dropdownlist: $("#dropdownlist").val(), docnumber: $("#docnumber").val() };
}

Answer 2

你看过upload事件处理程序了吗？ 看起来这将做你需要的可能发送额外数据，他们的例子是添加请求标头。

http://docs.telerik.com/kendo-ui/api/web/upload#events-upload

Answer 3

我设法在上传功能中修改了saveurl，如下所示：

upload：function（e）{e.sender.options.async.saveUrl = e.sender.options.async.saveUrl +“/”+ e.files [0] .name; }

我总是上传一个文件，我在URL中发送它的名字。 异步配置是：

async：{withCredentials：true，saveUrl：“url to the saving service”，}

Answer 4

这是我用过的一个例子：

upload: function onUpload(e) {

 $.each(e.files, function (index, value) {
var fileName = value.name;

 e.sender.options.async.saveUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('List A')/items(2)/AttachmentFiles/add('" + fileName + "')"

      });
    },