2016-09-06 17 views
1

Froala WYSIWYG Editorを使用しました。アップロードされた画像は正しいパスに保存されましたが、エディタには表示されません。Froala WYSIWYGエディタ - Asp.net MVC

<script> 
     $(function() { 
      $('#PostDesc').froalaEditor({ 
       imageButtons: ["removeImage", "replaceImage", "linkImage"], 
       borderColor: '#00008b', 
       imageUploadURL: '@Url.Action("FroalaUploadImage", "Posts")', 
       imageParams: { postId: "123" }, 
       enableScript: false, 
       fileUploadURL: '@Url.Action("FroalaUploadFile", "Posts")', 
       fileUploadParams: { postId: "123" } 
      }); 
     }); 
</script> 

処置:

[HttpPost] 
public ActionResult FroalaUploadImage(HttpPostedFileBase file, int? postId) 
{ 
    var fileName = Path.GetFileName(file.FileName); 
    var rootPath = Server.MapPath("~/img/Post/"); 
    file.SaveAs(Path.Combine(rootPath, fileName)); 
    return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet); 
} 

return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet);で何が悪いのでしょうか?

更新:

私は地域で、このエディタを使用し、それは私がURLを変更しなければならないことを縫い目。

は、私が代わりに

return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet); 

return Json(new UrlHelper(this.Request.RequestContext).Content("~/img/Post/" + fileName), JsonRequestBehavior.AllowGet); 

を書きましたが、問題はまだ解決していません!

答えて

1

問題が見つかりました。

return Json(new { link = new UrlHelper(Request.RequestContext).Content("~/img/Post/" + fileName) }, JsonRequestBehavior.AllowGet); 
を書い必要があります
関連する問題