telerik富文本编辑器中的pdf上载功能

Question

我在我的项目中使用ASP.NET MVC Telerik编辑器，telerik编辑器不支持PDF上传功能，它支持图像上传，有没有方法可以包含PDF上传功能，或者有人尝试过这样做？

我的设置：

@(Html.Telerik().Editor().Name(clientId)
/*.Encode(false) weird. Settings "Encode(false)" doesn't work on category & product details page
Now we have to manually decode values*/
.Value(Model)
.Tools(tools => tools
.Custom(settings => settings.HtmlAttributes(new { @class = "t-html", onclick = "viewRichHtmlEditorSource" + random + "(event)", title="Edit HTML" })))
.FileBrowser(browser => browser.Browse("Browse", "ImageBrowser")
    .Thumbnail("Thumbnail", "ImageBrowser")
    .Upload("Upload", "ImageBrowser")
    .DeleteFile("DeleteFile", "ImageBrowser")
    .DeleteDirectory("DeleteDirectory", "ImageBrowser")
    .CreateDirectory("CreateDirectory", "ImageBrowser")))

如何在其中添加您建议的功能？

Answer 1

是的，它确实支持pdf，我正在使用它作为pdf，它工作得很好。你要注意的是文件的大小，你必须检查并确保它不超过5MB

下面是我使用的示例：

<div class="editor-field">
    @Html.TextBoxFor(model => model.NewFileName)
    @(Html.Telerik().Upload()
       .Name("attachment")
       .Multiple(false)
       .ClientEvents(events => events.OnSelect("onSelect"))
    )
</div>

onSelect脚本：

function onSelect(e) {
    if (e.files[0].size > 5000000) {
        alert('The file size is too large for upload');
        e.preventDefault();
        return false;
    }
    // Array with information about the uploaded files
    var files = e.files;
    var ext = $('#attachment').val().split('.').pop().toLowerCase();
    if ($.inArray(ext, ['pdf']) == -1) {
        alert('This type of file is restricted from being uploaded due to security reasons');
        e.preventDefault();
    } else {
        $("#NewFileName").val(files[0].name);
    }
    return false;
}

控制器操作必须接收签名中的附件，如下所示：

public ActionResult EditFile(HttpPostedFileBase attachment) {
...
}