无法将新值附加到formData对象

时间:2013-05-27 04:00:50

标签: php javascript ajax file form-data

我很难将额外的信息附加到formData对象,因此可以在PHP中使用它来添加到SQL数据库。不幸的是它依赖于AJAX所以测试你需要在服务器或本地主机上运行它,但我已经包含了一个简单的PHP文件,需要被称为'StackedTest.php'

我一直在MDN上关注这个例子,但经过大量时间寻找答案后,我没有在哪里。

MDN formData object

感谢您的帮助。

<html>

<head>

    <script type="text/javascript">
        var returned;
        var fd;

        function ajaxCall(sends){

            fd = new FormData();
            var images = document.getElementById('images');

            fd.append('file', images.files[0]);


            /**
             **
             ** This doesn't seem to be working, I am trying to append the value of the select box ** to the FILES array
             ** so I can use it in php to add to an SQL database.
             **
             **/

            fd.append('catagory', document.getElementById('cat').value);

                var ajax=new XMLHttpRequest();
                ajax.onreadystatechange=function(){
                if (ajax.readyState==4 && ajax.status==200){
                    document.getElementById("response").innerHTML = ajax.response;
                    fd = null;
                    }
                }
                ajax.open("POST","Stackedtest.php",true);
                ajax.send(fd);
            }


    </script>   

</head> 

<body>

<div id="content">

    <div>
        <form method="post" enctype="multipart/form-data" action="?">
            <select name="cat" id="cat"><br>
                <option value="opt1">option 1</option>
                <option value="opt2">option 2</option>
                <option value="opt3">option 3</option>
            </select><br>
            <input type="file" name="images[]" id="images" multiple /><br>  
            <button type="button" id="btn" onclick="ajaxCall()">Upload Files!</button>  
        </form>

        <p id="response">Response text here</p>

    </div>  

</div> <!-- END CONTENT -->

</body>

</html>

PHP脚本

<?php 

if(isset($_FILES['file'])){
    print_r($_FILES['file']);
    print_r($_FILES['catagory']);
}

?>

1 个答案:

答案 0 :(得分:2)

类别作为发布数据发送,因此使用post super global $ _POST

访问它
<?php 

if(isset($_FILES['file'])){
    print_r($_FILES['file']);
    print_r($_POST['catagory']);
}

?>

编辑:超级全局文件也是通过邮件发送的,但仅适用于上传到PHP脚本的项目