javascript-在节点js中使用res.render()而不是res.send()

我已经为ckeditor编程了图像上传器.每次上传文件时,都必须将包含图像名称的html文件发送回客户端.

这是我的代码：

router.post('/upload', function (req, res, next) {
var imageName = req.files.upload.name;

var html = "<script type='text/javascript'>" +
            "var funcNum = " + req.query.CKEditorFuncNum + "; " +
            "var url = \"/images/" + imageName + "\";" +
            "window.parent.CKEDITOR.tools.callFunction(funcNum, url);" +
            "</script>";

res.send(html);
});

这是一个非常肮脏的解决方案,因此我创建了以下.hjs文件并相应地映射了值：

<script type='text/javascript'>
  var funcNum = {{funcNum}};
  var url = "/images/" + {{imageName}};
  window.parent.CKEDITOR.tools.callFunction(funcNum, url);
</script>

而我的服务器端：

router.post('/upload', function (req, res, next) {
  var imageName = req.files.upload.name;
  res.render('ckeditor-response', {funcNum: req.query.CKEditorFuncNum, imageName: imageName});
});

这会生成与上面的硬编码解决方案完全相同的html文件,但是不适用于ckeditor.这两种解决方案之间有什么显着区别吗？

解决方法:

您确定[…]这会生成完全相同的html文件[…]吗？您应始终检查最终结果,例如在浏览器开发人员工具的网络标签中.

如果imageName是test.jpg,则您的第一个代码将创建

var url = "/images/test.jpg";

但是您的hjs会创建：

 var url = "/images/" + test.jpg;

这是语法错误.您正在寻找“ / images / {{imageName}}”；

除此之外,您应该这样写响应：

<script type='text/javascript'>
(function() {
   var funcNum = {{funcNum}};
   var url = "/images/{{imageName}}";
   window.parent.CKEDITOR.tools.callFunction(funcNum, url);
}());
</script>

要么

<script type='text/javascript'>
window.parent.CKEDITOR.tools.callFunction({{funcNum}}, "/images/{{imageName}}");
</script>

否则,您将使用funcNum和url污染编辑器窗口的全局名称空间.