使用Image Element直接上传返回错误的src

时间:2015-10-26 00:42:03

标签: jquery cloudinary

我正在使用带有Cloudinary的JQuery插件和无符号图像上传器。我的图片上传成功,但绑定' cloudinarydone '返回的HTML图片元素包含 file:// 前缀,因此examples给出的Image: chrome console output不加载$ .cloudinary.image();对象正确。我错过了什么吗?

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;
});

Web site

1 个答案:

答案 0 :(得分:0)

谢谢Kaido,你是正确的,它可以直接使用http:

  

您似乎正在使用file://协议(没有网络服务器)加载您的网页。从http://localhost/

重新加载