代码之家 › 专栏 › 技术社区 › David

Cloudinary Nodejs图像上载设置问题

cloudinary node.js

David · 技术社区 · 7 年前

我试图直接从浏览器上传图像到Cloudinary,但我正在尝试配置。我在关注这个 tutorial 我被困在需要包括以下内容的步骤上:

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

我收到一个错误,说“请求未定义”。模板页面进行渲染,但输入字段不进行任何操作。我的静态目录中还有“cloudinary\u cors.html”文件,我正在使用帕格作为我的模板引擎。这是迄今为止我的模板页面:

//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