是否可以将PLUpload与CouchDB结合使用？

Question

我正在寻找将图片上传到我的CouchDB并在上传之前调整它们的大小，只要它们仍在客户端。 PLUpload提供了这样做的可能性，但我想知道是否可以将它与CouchDB一起使用。

Answer 1

经过大量的尝试和阅读，我最终设法使用PLUpload将图片上传到CouchDB。 主要问题是有一个未记录的属性“file_data_name”，必须手动设置以符合CouchDB的需求。默认值是“name”，但CouchDB期待“_attachments”。我只通过检查Flash运行时的源代码来找到该属性。

下面有我用于初始化PLUpload的JavaScript：

$("form#pluploadForm #uploader").plupload({ 
    // General settings 
    runtimes : 'flash,silverlight,html5', 
    url : 'http://your.path.to.couchdb.com/database/[documentid]', 
    max_file_size : '10mb', 
    unique_names : true, 
    file_data_name : "_attachments", 

    // Resize images on clientside if we can 
    resize : {width : 320, height : 240, quality : 90}, 

    // Specify what files to browse for 
    filters : [ 
    {title : "Image files", extensions : "jpg,gif,png"}, 
    {title : "Zip files", extensions : "zip"} 
    ], 

    // Flash settings 
    flash_swf_url : 'js/plupload.flash.swf', 

    // Silverlight settings 
    silverlight_xap_url : 'js/plupload.silverlight.xap', 

    multipart : true, 
    multipart_params : { 
    description: "uploadedViaPlupload", 
    _rev: "[the current revision of your document]", 
    } 
}); 

但这种方法只可能给一个图像一个单一的文件。上传到多个文档不起作用，但我没有真正尝试（但）。

Answer 2

你想要做的是覆盖PLUploader的BeforeUpload事件，以便在上传文件之前使用沙发实例。在下面的方法中，我创建了一个新文档（使用jquery.couch.js），获取响应并使用新文档的新_id和_rev来设置PLUploader实例选项。

uploader.bind('BeforeUpload', function(up, file) { 
    $db.saveDoc({ 
    users : ['all'] 
    }, { 
    success : function(response) { 
     if(response.ok) { 
     up.settings.url = 'http://127.0.0.1:5984/filesystem/' + response.id; 
     up.settings.multipart_params._rev = response.rev; 
     up.trigger("UploadFile", file); 
     } 
    } 
    }); 
    return false; 
});