jquery - 如何自定义 JQuery Filedrop 发送动态发布数据变量？

Question

我正在使用教程zine使用的出色的Jquery-Filedrop [weixiyen]，但我在尝试发送动态POST变量时遇到了问题，解释如下:

我有一个 html 表单选择下拉菜单 (photo_tab_index)，用户可以在其中选择幻灯片编号(例如 1-5)，然后选择一个 dropbox Canvas ，用户可以将照片放到其中以上传到网络服务器。

在 filedrop javascript 中，我有以下内容:

$(function(){
  var dropbox = $('#dropbox'),
  message = $('.message', dropbox);

  var slideshow = document.getElementById('photo_tab_index').value;

  dropbox.filedrop({
    // The name of the $_FILES entry:
    paramname:'pic',
    data: {
      param1: slideshow,           // send POST variables
    },
    ...

    // Called before each upload is started
    beforeEach: function(file){
      if(!file.type.match(/^image\//)){
        alert('Only images are allowed!');
        return false;
      }
    },
    ...

我遇到的问题是，javascript 在渲染页面时读取 photo_tab_index 的值(因此始终作为“1”发送)，但我真正想要的是它读取此时的幻灯片下拉值照片被扔到投递箱上。以我有限的 JQuery 知识，我有一种感觉，我想更新 beforeEach: 函数中的 dropbox.filedata“data: param1” 字段，但我不确定如何引用它？

Answer 1

因此，对于那些遇到同样问题的人来说，您可以使用示例 param2 函数来计算上传时的 POST 变量，因此:

data: {
   param2: function(){
       var slideshow = document.getElementById('photo_tab_index').value;     
       return slideshow; // calculate data at time of upload,           
   },     
},