jQuery Fileupload和编写文件名做MySQL数据库

时间:2013-02-17 10:54:33

标签: php jquery mysql

我正在尝试使用jQuery创建一个文件上传器,它上传一个文件,用时间戳重命名并将其注册到数据库中。基本上它将带有表单的文件发送到服务器,第二个脚本将其重命名并将文件移动到正确的目录。这没有任何问题。问题是,我还要发送应该进行此DB Entry的表名。

因此index.php包含以下形式:

<div id="uploaderMain">
        <p>Upload Your Files</p>
        <form method="post" enctype="multipart/form-data"  action="./upload.php">
            <input type="file" name="images" id="images" />
            <input type="hidden" name="List" id="List" value="<?php echo $DBTable; ?>" />
            <button type="submit" id="btn">Upload Files!</button>
        </form>

    <div id="response"></div>
        <ul id="image-list">
        </ul>
    </div>

jQuery代码如下所示:

$.ajax({
    url: "./uploader/upload.php",
    type: "POST",
    data: formdata,
    processData: false,
    contentType: false,
    success: function (res) {
        document.getElementById("response").innerHTML = res;
        }
      });

upload.php如下所示:

   <?php
//include db configuration file

include_once('../../db.php');

$List = $_POST['List'];

// get the time stamp for the uploaded file
date_default_timezone_set('EST');
$date = new DateTime();
$date = $date->getTimestamp();
// echo $date;


foreach ($_FILES["images"]["error"] as $key => $error) {
    if ($error == UPLOAD_ERR_OK) {
        $name = $_FILES["images"]["name"][$key];
        // store the file name and the file ending in 2 variables
        $fileEnding = substr($name, -4,4);
        $fileName = substr($name, 0, (strlen($name)-4));
        $uploadName =  $fileName."_".$date.$fileEnding;
        move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "./uploads/" . $uploadName);
    }
}

之后我想写信给DB。问题是,$ _POST ['LIST']语句不提供我的DBTable名称。

任何人都可以给我一个提示吗?

干杯 丹

2 个答案:

答案 0 :(得分:0)

如果List控件有任何值,可以从浏览器检查来源吗。

答案 1 :(得分:0)

我认为你需要将它添加到你的jQuery代码中:

formdata.append('List', '[your value]');

请注意:在PHP中,文件的所有内容都将进入$ _FILES。其他所有东西都会进入$ _POST。

如果这不起作用,请确保您还拥有以下代码:

var formdata = new FormData();          
jQuery.each($('input[type="file"]')[0].files, function(i, file) {
    formdata.append(i, file);
});