编辑现有的jQuery函数以添加上传文件

时间:2015-02-03 19:34:33

标签: javascript php jquery forms jquery-form-validator

我有一些工作代码但想要添加上传图片字段但没有成功。 我目前的代码是:

形式:

<form id="add_product_form" enctype="multipart/form-data">
    <input id="uploadFile" type="file" name="image" class="img" /><br />
    <input id="status" type="checkbox" checked /><br />
    <input id="product" type="text" /><br />
    <label for="button" id="response"></label>
    <input type="button" id="button" value="Добави" /><br />
</form>

jQuery的:

<script type="text/javascript">
$('document').ready(function(){
    $('#button').click(function(){

        var image = $('input[type=file]').val().split('\\').pop();
        function chkb(bool){ if(bool) return 1; return 0; } var status=chkb($("#status").is(':checked'));
        if($('#product').val()==""){ alert("enter name"); return false; } else { var product = $('#product').val(); } 

        jQuery.post("products_add_process.php", { 
            image: image,
            status: status, 
            product: product
            }, 

        function(data, textStatus) {
            $('#response').html(data);
            if(data == 1){
                $('#response').html("OK");
                $('#response').css('color','green');
                document.getElementById("add_product_form").reset();
            } else {
                $('#response').html("Not OK");
                $('#response').css('color','red');
            }
        });
    });
});
</script>

products_add_process.php:

<?php
$image_name = $_FILES['image']['name'];
$image_type = $_FILES['image']['type'];
$image_size = $_FILES['image']['size'];
$image_tmp_name = $_FILES['image']['tmp_name'];
$status = $_POST['status'];
$product = $_POST['product'];

if($image_name == '') {
    echo "<script>alert('Select image')</script>";
    exit();
    } else {
        $random_digit=rand(0000000000,9999999999);
        $image=$random_digit.$image_name;
        move_uploaded_file($image_tmp_name,"uploads/$image");

        $query=mysql_query("INSERT INTO products(product, image, status) VALUES ('$product', '$image', '$status')");

        if(mysql_affected_rows()>0){
            $response = 1;
            echo "1";
            } else {
            $response = 2;
            echo "2";
            }
        }
?>

我把警报'选择图片'然后理解$image_name是空的,也许某处必须放一些代码来说我要发送数据类型。我尝试添加到表单enctype="multipart/form-data"但不起作用。

现有代码中必须添加的内容和内容才能发送数据,而不会进行太大的更改,因为此代码包含大量文件,并且很难编辑大部分代码。

也许必须添加该表单,jQuery在php文件中,在其他母文件中调用,结构是这样的:

products.php /call products_add.php/
   products_add.php /where is the form and jQuery/
       products_add_process.php /called from products_add.php to upload data/

P.S。很抱歉,如果我不能很好地解释我的问题,但我很快就会在stackoverflow上学习如何发布我的问题:)

0 个答案:

没有答案