如何使用jquery ajax将图像移动到文件夹中?

时间:2018-09-21 05:13:16

标签: php jquery upload

<script>
    $(document).ready(function(){
        $("#user_img").change(function(){
            var file_data = $('#user_img').prop('files')[0];   
            var form_data = new FormData();                  
            form_data.append('file', file_data);
            alert(form_data);                             
            $.ajax({
                url: 'upload.php', // point to server-side PHP script 
                dataType: 'text',  // what to expect back from the PHP script, if anything
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,                         
                type: 'post',
                success: function(php_script_response){
                    alert(php_script_response); // display response from the PHP script, if any
                }
             });
        });
    });
</script>

<input type="file" name="user_img" id="user_img" />

upload.php

<?php
session_start();
error_reporting(0);
include("config.php");
if(!isset($_SESSION['id']))
{
    header("location:index.php");
}
if ( 0 < $_FILES['file']['error'] ) 
{
    echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else 
{
    move_uploaded_file($_FILES['file']['tmp_name'], 'images/user/' . $_FILES['file']['name']);
    echo "successfull";
}
?>

在这段代码中,我有一个简单的输入字段,我想通过该字段在文件夹中移动图像而无需提交按钮。现在,当我上传任何图像时会发生什么,它先显示[object FormData],然后显示successfull,但是图像没有移动到该文件夹​​中。我不知道为什么?请帮助我。

谢谢

0 个答案:

没有答案