2015-10-26 33 views
1

我正在使用Cloudinary的JQuery插件和未签名的图像上传。我的图片已成功上传,但是从绑定''cloudinarydone'返回的HTML图片元素包含file://前缀,因此给出的examples不会加载$ .cloudinary.image();对象正确。我错过了什么吗?直接上传返回不正确的图像元素的src

HTML:

`<form type="multipart/form-data" class="upload_form"></form> 
    <div class="preview"></div>` 

的Javascript:

$('.cloudinary_fileupload').bind('fileuploadstart', function (e) { 
      $('.preview').html('Upload started...'); 
    }).bind('cloudinarydone', function (e, data) { 
     $('.preview').append(
      $.cloudinary.image(data.result.public_id, 
      { 
       format: 'jpg', width: 150, height: 100, 
       crop: 'thumb', gravity: 'face', effect: 'saturation:50' 
      }) 
    ); 
    return true; 
}); 

Image: chrome console output

+1

看来你是用'file://'协议加载你的页面(没有web服务器)。从您的'http:// localhost /'重新加载它 – Kaiido

回答

0

感谢海道,你是正确的,它的工作马上以http:

看来你正在加载您的网页机智h file://协议(没有web服务器)。重新加载它从你的http://localhost/

相关问题