Question

我是使用kendoUpload上载选项的chunk控件（ Kendo UI v2014.3.1316 ）的新手。我有一个Web应用程序，使用kendoupload控件来上传文件，它需要块上传功能，因为有机会上传较大的文件。请在下面查看我的代码。

HTML

<input name="upload" id="mediaflUpload" type="file" />

.js

 $("#mediaflUpload").kendoUpload({
    async: {

        chunkSize: 5000000, // Will separate the file into chunks of size 5000000 bytes.
        concurrent: true, // Will upload all files simultaneously.
        autoRetryAfter: 300, // Will attempt a failed chunk upload after 300ms.
        maxAutoRetries: 4, // Will attempt the same failed chunk upload 4 times.
        saveUrl: "/File/ChunkSave",
        removeUrl: "/File/Remove",
        autoUpload: true
    },
    multiple: false,
    success: OnSuccessMediaFileUpload,
    upload: OnUploadMediaFileUpload,
    error: OnErrorMediaFileUpload
});

function OnUploadMediaFileUpload(e) {
debugger;
//var data = result.response;

var chunkMetaData = {
    UploadUid: "mediaflUpload",
    FileName: '',
    ContentType: '',
    ChunkIndex: 1,
    TotalChunks: 1,
    TotalFileSize: 30000000
};

e.data = {
    metaData: JSON.stringify(chunkMetaData)
};
}

控制器

    public ActionResult ChunkSave(IEnumerable<HttpPostedFileBase> files, string metaData)
    {
        if (metaData == null) { 
            return Save(files);
        }

        MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(metaData));
        var serializer = new DataContractJsonSerializer(typeof(ChunkMetaData));
        ChunkMetaData somemetaData = serializer.ReadObject(ms) as ChunkMetaData;
        string path = String.Empty;
        // The Name of the Upload component is "files"
        if (files != null)
        {
            foreach (var file in files)
            {
                //path = Path.Combine(Server.MapPath("~/App_Data"), somemetaData.FileName);

                //AppendToFile(path, file.InputStream);
            }
        }

        FileResult fileBlob = new FileResult();
        fileBlob.uploaded = somemetaData.TotalChunks - 1<= somemetaData.ChunkIndex;
        fileBlob.fileUid = somemetaData.UploadUid;

        return Json(fileBlob);
    }

但是我感到困惑的是，kendo块没有按照chunkSize变量分割文件。如果我上传了30 MB的文件，则不会拆分5 MB的块。为此是否需要任何其他编码？我不是chunk上传配置方面的专家。

Answer 1

升级似乎是最好的方法-该功能是在2017年使用2014年版本时实现的。

Answer 2

在我的问题中，我认为这是版本问题。我正在使用 Kendo UI v2014.3.1316 版本

请查看以下屏幕截图。

我还检查了发布历史记录页面。

如果有人有建议，请提出建议。

修改

我更新了Kendo UI版本（ 2018.3.1017 ）并实现了Kendo MVC Chunk Upload，现在可以正常使用了。请参阅以下指向https://demos.telerik.com/aspnet-mvc/upload/chunkupload参考的链接。

Kendo块上传未拆分上传的文件

2 个答案: