3

有我的代码：

$('#file_upload').uploadify({
        'swf'      : 'uploadify.swf',
        'uploader' : 'uploadify.php',
        'onSelect' : function(file) {
            $('#start').removeClass('hidden');
        },
        'method'   : 'post',
        'formData' : {
            'to': $('input#to').val(),
            'from': $('input#from').val(),
            'subject': $('input#subject').val()
        },
        'onQueueComplete' : function(queueData) {
            window.location.replace("index.php?success=uploaded");
        },
        'onUploadSuccess' : function(file, data, response) {
            alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
        }
        // Your options here
    });

如您所见，我通过 POST 方法发送三个参数 TO、FROM、SUBJECT。

有服务器脚本

if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];

// Validate the file type
$fileTypes = array('jpg','jpeg','gif','png'); // File extensions
$fileParts = pathinfo($_FILES['Filedata']['name']);

if (move_uploaded_file($tempFile, $targetFile)) {

    echo $_REQUEST['subject'];
} else {
    echo "Something wrong";
}
}

并回显 $_REQUEST['subject']; 什么都不返回 我的错误在哪里？

例如，如果我将 'subject': $('input#subject').val() 更改为 'subject': 'test subject' 就可以了。但我需要从输入中发送一个值。我该怎么做？

多谢

4

3 回答 3

4

您在第一次实例化 Uploadify 时设置 formData，而不是在提交上传时设置。如果您这样做，您将在页面加载时将 formData 设置为这些字段的值。

相反，使用 onUploadStart 选项在文件上传之前设置 formData...

$('#file_upload').uploadify({
    'swf'      : 'uploadify.swf',
    'uploader' : 'uploadify.php',
    'onSelect' : function(file) {
        $('#start').removeClass('hidden');
    },
    'method'   : 'post',
    'onQueueComplete' : function(queueData) {
        window.location.replace("index.php?success=uploaded");
    },
    'onUploadStart' : function(file) {
        $('#file_upload').uploadify('settings','formData',{
            'to': $('input#to').val(),
            'from': $('input#from').val(),
            'subject': $('input#subject').val()
        });
    }
    'onUploadSuccess' : function(file, data, response) {
        alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
    }
    // Your options here
});
于 2012-07-03T23:25:49.140 回答
2

Uploadify 有点棘手。我们感兴趣的事件是“onUploadStart”。这实际上应该命名为“onBeforeUploadStart”，因为它确实在发送 POST 数据之前被触发。因此，它是更新 formData 的理想场所（这是 Uploadify 发送的唯一数据 - 它真的不关心您在其他地方有什么输入）。

所以，我喜欢在没有任何选项的情况下初始化 Uploadify。在发送（==“onUploadStart”）之前，我更新了表单数据。

我的代码向 POST 数据添加了一个键控元素并为其赋值。

var ts = '<?php $t = time(); echo $t; ?>';
var hs = '<?php echo md5($t . $fileupload_securityhash); ?>';

$("#fileUploadInput").uploadify({
  'formData'      : {},
  'onUploadStart' : function(file) {
     uploadify_update_formdata();       
  }
});

function uploadify_update_formdata(){
    $("#fileUploadInput").uploadify('settings','formData', {
        'token'          : hs,
        'ts'             : ts, 
        'gallery[title]' : $('input[name="gallery[title]"]').val()
    });
}

在服务器端：所有 Uploadify-Form-Data 都在 $_POST 中发送。

重要提示：uploadify 表单数据不会在发送时查找变量值。意思是，如果你有类似的东西：

'formData' : { 'myInputVal' : $(input[name=myInput]).val() }

这不会在发送时更新。所有变量都设置在 Uploadify 的 INIT 上，然后永远不会更改，除非您设置了 $.uploadify.settings。

我还喜欢为输入设置一个事件监听器，以确保：

$('form input').on('change', function(){
  uploadify_update_formdata()
});

希望这可以帮助。

于 2013-11-11T15:30:10.113 回答
0

如果您的输入被称为“#to”，那么在 jquery 选择器中只需使用“#to”而不是“input#to”。那应该这样做。:)

于 2012-06-30T17:59:30.030 回答