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