2012-04-18 46 views
1

我在我的項目中使用ASP.NET MVC Telerik編輯器,telerik編輯器不支持PDF上傳功能,它支持圖片上傳,有沒有辦法可以包含PDF上傳功能或有人試圖做這樣的事情?pdf在telerik富文本編輯器中上傳功能

我的設置:

@(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"))) 

如何在其中添加你所建議的功能?

回答

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; 
} 

控制器動作必須接收attachement的簽名像這樣:

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

已更新問題 – 2012-04-19 15:14:48

+0

您需要結合編輯器使用Telerik Upload控件。上傳器特定於上傳文件..編輯器控件用於編輯和嵌入Html。圖像部分允許您鏈接到已知的文件位置或上傳圖像(使用幕後上傳控件) – 2012-04-19 21:09:44