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

Question

我已经为 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。这两种解决方案之间有什么显着差异吗？

Answer 1

你确定[...]This generates exactly the same html file[...]吗？您应该始终检查最终结果，例如在浏览器开发人员工具的网络选项卡中。

如果 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>

否则你会污染编辑器window的全局命名空间funcNum和url。

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

use res.render() instead of res.send() in node js

javascript

node.js

express

ckeditor