Cloudinary Nodejs 图像上传设置问题

Question

我正在尝试将图像直接从浏览器上传到 Cloudinary，但我正在尝试配置。我正在关注这个 tutorial 我被困在需要包括这个的步骤上：

var cloudinary_cors = "https://" + request.headers.host + "/cloudinary_cors.html";

我收到一条错误消息 "request is not defined"。模板页面确实呈现，但输入字段什么也不做。我的静态目录中也有 "cloudinary_cors.html" 文件，我使用 Pug 作为我的模板引擎。到目前为止，这是我的模板页面：

//upload.pug
extends layout

block content
  script(type='text/javascript', src='jquery.min.js')
  script(type='text/javascript', src='/javascripts/jquery.ui.widget.js')
  script(type='text/javascript', src='/javascripts/jquery.iframe-transport.js')
  script(type='text/javascript', src='/javascripts/jquery.fileupload.js')
  script(type='text/javascript', src='/javascripts/jquery.cloudinary.js')

  cloudinary.cloudinary_js_config()

  script.
    $(function() {
      if($.fn.cloudinary_fileupload !== undefined) {
        $("input.cloudinary-fileupload[type=file]").cloudinary_fileupload();
      }
    });

    var cloudinary_cors = "http://" + request.headers.host + "/cloudinary_cors.html";
    cloudinary.v2.uploader.image_upload_tag('image_id', {callback: cloudinary_cors});

 form(action='/create', method='post')
  .field
   label Image ID
   input(name='image_id')
  button.ui.primary.button(type='submit') Post

Answer 1

请参考 Github - https://github.com/cloudinary/cloudinary_npm/tree/master/samples/photo_album

上的 Cloudinary 示例项目

具体到这部分—— https://github.com/cloudinary/cloudinary_npm/blob/master/samples/photo_album/views/photos/add_direct.ejs

Cloudinary Nodejs 图像上传设置问题

Cloudinary Nodejs Image Upload Setup Issue

node.js

cloudinary