c# - AJAX Html Editor Extender 上传图片出现空白

Question

使用 AJAX 4(最新版本)我一直在使用 html 编辑器扩展程序尝试上传带有文本的图像，我有要上传的图像但是它显示为空白并且在查看源代码时，图像的源是也为空白(下图) 我如何解决上传我选择的图片？

Answer 1

在 HtmlEditorExtender 中包含 ImageUploadComplete 事件的事件处理程序。

<ajaxToolkit:HtmlEditorExtender
    OnImageUploadComplete="MyHtmlEditorExtender_ImageUploadComplete"
    ...

在 ImageUploadComplete 事件处理程序中，您需要做两件事:

1) 保存上传的图片
2) 提供保存图像的 URL，以便图像可以在 HtmlEditorExtender 中显示

protected void MyHtmlEditorExtender_ImageUploadComplete(
     object sender, AjaxFileUploadEventArgs e)
{
     // Generate file path
     string filePath = "~/Images/" + e.FileName;

     // Save uploaded file to the file system
     var ajaxFileUpload = (AjaxFileUpload)sender;
     ajaxFileUpload.SaveAs(MapPath(filePath));

     // Update client with saved image path
     e.PostedUrl = Page.ResolveUrl(filePath);
} 

确保你检查过 http://www.asp.net/AjaxLibrary/AjaxControlToolkitSampleSite/HTMLEditorExtender/HTMLEditorExtender.aspx和 http://stephenwalther.com/archive/2012/05/01/ajax-control-toolkit-may-2012-release