javascript - 如何将 <select> 字段添加到我的 plupload 表单中？

Question

我正在关注这篇博文http://blog.notdot.net/2010/04/Implementing-a-dropbox-service-with-the-Blobstore-API-part-3-Multiple-upload-support其中详细介绍了如何将 plupload 与 google appengine 和 blobstore api 一起使用。我想知道如何在上传中添加自定义字段。我已将 enc 类型更改为 multipart/form-data

<form method="POST" enctype="multipart/form-data">
    <select id="adventure" name="adventure">
        <option value = "collection-A">Collection A</option>
        <option value = "collection-A">Collection B</option>
    </select>


    <div id="html5_uploader">
        <p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
    </div>
</form>

在阅读了有关 multipart 无法在使用 webkit 浏览器的文档中工作(我使用的是 chrome)之后，我决定使用基于 flash 的版本，而不是我开始时使用的 html5。我使用该论坛上的不同示例和讨论整理了以下内容。

<script type="text/javascript">
 $(function() {
    uploader = $("#html5_uploader").pluploadQueue({
        // General settings
        runtimes : 'html5',
        max_file_size : '10mb',
        chunk_size : '1mb',
        multipart : true,
        unique_names : true,
         // Flash settings
        flash_swf_url : '/static/plupload/plupload.flash.swf'
    }).pluploadQueue();
    uploader.bind('BeforeUpload', function (up, file) 
    {
        $.extend(up.settings.multipart_params, {
        'adventure': $('#adventure').val()
        });
    });
    uploader.bind('UploadFile', function(up, file) {
        $.ajax({
            url: '/generate_upload_url',
            async: false,
            success: function(data) {
              up.settings.url = data;
            },
        });
    });
})
</script>

文件上传端一切正常，但选择字段选项未发送，并且:

self.request.get("adventure") 

没有在服务器端获取任何内容。我正在使用最新版本的 plupload(不是 Nick 的修改版本)。

Answer 1

因此，在为此苦苦挣扎了一段时间后，我切换回 html5 版本，而不是使用 BeforeUpload，现在我已经“硬编码”了该值，但它适用于我的实现。

var adventure_name = $('#adventure').val();
$('#adventure').change(function(){
    adventure_name = $('#adventure').val();
});
// Setup html5 version
 $(function() {
    uploader = $("#html5_uploader").pluploadQueue({
        // General settings
        runtimes : 'html5',
        max_file_size : '10mb',
        url : '{{ upload_url }}',
        multipart : true,
        multipart_params : {'adventure': adventure_name},
        unique_names : true,
         // Flash settings
    }).pluploadQueue();
    uploader.bind('UploadFile', function(up, file) 
    {
        $.ajax({
            url: '/generate_upload_url',
            async: false,
            success: function(data) {
              up.settings.url = data;
            },
        });
    });
});