如何添加 字段到我的 plupload 表单？ 发布于 2025-01-05 15:54:50 字数 1997 浏览 1 评论 0 原文 我正在关注这篇博客文章 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 的修改版本）。 原文 收藏 0 分享到微信 分享到QQ 分享到微博 如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。 发布评论 需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。 发布评论

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

Answer 2

我认为这就是问题所在：此代码运行时 up.settings.multipart_params === undefined ：

$.extend(up.settings.multipart_params, {
    'adventure': $('#adventure').val()
});