javascript - plupload 通过上传 url 传递值

Question

我使用 plupload 作为图像上传脚本。我希望能够将图像保存在一个或另一个文件夹中，具体取决于 .类似于...

<select id="dir">
    <option value="dir1">Option1</option>
    <option value="dir2">Option2</option>
</select>

初始化pluploader的代码包含上传脚本的url:

url : "upload.php",

我希望能够将选项值传递给 upload.php，这样我就可以使用 $_GET 来处理它们，例如:

url : "upload.php?d=" + dir,

我尝试过使用:

var element = document.getElementById("dir").selectedIndex;
var dir = document.getElementsByTagName("option")[element].value;

JavaScript 代码:

<script type="text/javascript" language="javascript">
// Initialize the widget when the DOM is ready
$(function() {

    // Setup html5 version
    $("#uploader").pluploadQueue({
        // General settings
        runtimes : 'html5,flash,silverlight,html4',
        url : "../upload.php",

        chunk_size : '1mb',
        rename : true,
        dragdrop: true,

        filters : {
            // Maximum file size
            max_file_size : '10mb',
            // Specify what files to browse for
            mime_types: [
                {title : "Image files", extensions : "jpg,jpeg,gif,png"}
            ]
        },

        // Resize images on clientside if we can
        resize: {
            width : 800,
            height : 800,
            quality : 90,
            crop: false // crop to exact dimensions
        },


        // Flash settings
        flash_swf_url : '../js/Moxie.swf',

        // Silverlight settings
        silverlight_xap_url : '../js/Moxie.xap'
    });
});
</script>

但它总是获取第一个选项值，因为它是在 DOM 就绪时初始化的......

我该怎么做？

<小时/>

已解决:

1)添加:

$(function() {
    $("#uploader").pluploadQueue({ //...
        multipart: true,
        multipart_params: { 'dir': '' }, //...

2)添加:

var uploader = $('#uploader').pluploadQueue();
    uploader.bind('FilesAdded', function(up, files) {

    var element = document.getElementById("dir").selectedIndex;
    var dir = document.getElementsByTagName("option")[element].value;

    uploader.settings.multipart_params.dir = dir;       
});

来源:http://williamjxj.wordpress.com/2011/03/25/jquery-plugin-plupload-for-multi-files-upload/

Answer 1

我没有办法测试这个，但看起来你可以catch a BeforeUpload event并在那里进行更改:

var uploader = $("#uploader").pluploadQueue({
  // ...
});

uploader.bind("BeforeUpload", function() {
  var element = document.getElementById("dir").selectedIndex;
  var dir = document.getElementsByTagName("option")[element].value;
  uploader.settings.url = "upload.php?d=" + dir;
});