如何防止Cloudinary选择窗口打开?

时间:2015-12-27 09:27:25

标签: jquery-mobile cloudinary

我正在使用Cloudinary Unsigned上传创建一个PhoneGap应用,并且它运行良好(即)当用户点击屏幕上的任意位置时,会显示图像选择器,但我只需要显示图像选择器仅当用户点击特定div时。

我怎样才能做到这一点?请帮忙。

以下是我用来附加cloudinary的代码

$('document').append($.cloudinary.unsigned_upload_tag("bvxxxxxx", {
        cloud_name: 'sample'
    }));
    $('.uploader').unsigned_cloudinary_upload("xxxxxxcy", {
        cloud_name: 'sample'
    }, {
        multiple: true
    }).bind('cloudinarydone', function(e, data) {
            $("body").addClass("ui-loading");
            galleryMethods.savePictures(data.result.secure_url);
            // $('.thumbnails').append('<img src="' + data.result.secure_url + '" style="height:30px;width:30px;">');
            console.log("cloudinarydone");
            $("body").removeClass("ui-loading");
        }

    ).bind('cloudinaryprogress', function(e, data) {
        var progVal = Math.round((data.loaded * 100.0) / data.total);
        $("body").addClass("ui-loading");
        if (progVal == "100") {
            // cm.showAlert("Uploaded Successfully");
            $("body").removeClass("ui-loading");
        }



    });

P.S:我正在使用Jquery Mobile-1.4.5框架。

1 个答案:

答案 0 :(得分:1)

  1. 您的意思是document(而不是'document')?
  2. 您初次启动了上传器两次。如果您已在html中设置了输入字段,则可以使用unsigned_cloudinary_upload对其进行初始化,否则您可以使用cloudinary.unsigned_upload_tag
  3. 我不确定是什么让整个屏幕触发上传。如果这有帮助,您可以查看以下示例:https://jsfiddle.net/roee_ba/2gcquset/