2017-11-11 75 views
0

我试图直接从浏览器上传图片到Cloudinary,但我尝试的配置。我下面这个tutorial 和我卡在台阶上,我需要包括此:Cloudinary Nodejs图片上传设置问题

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

我得到一个错误说“的请求没有定义”。模板页面进行渲染,但输入字段不做任何事情。我的静态目录中也有“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 

回答