Question

我正在为图片上传编写代码，并希望实现AJAX以进行实时预览。因为我必须上传具有特定行[id]和图像文件的图像以在相应目录中上载，例如（images /).

我的代码仅在使用以下代码在数据库中插入数据时才有效。

function add() {
var valid = validate();
if(valid) {
    $.ajax({
        url: "add.php",
        type: "POST",
        data:  {image:$("#add-image").val(),fname:$("#add-fname").val(),image_text:$("#add-image_text").val(),address:$("#address").val(),price:$("#price").val(),contact:$("#contact").val()},
        success: function(data){ getresult("getresult.php"); }
       });
    }
}

我的问题是我正在尝试将图像文件插入到特定文件夹并插入到具有id，fname，image_text等的数据库中...如何更改此{image:$("#add-image").val(),以便我可以上传到数据库中文件夹目标。

请帮助我并提供解决方案。

以下是代码 -

<form name="frmToy" method="post" action="" id="frmToy">
    <div>
    <label style="padding-top:20px;">Name</label>
    <span id="image-info" class="info"></span><br/>
    <input type="text" name="image" id="add-image" class="demoInputBox">
    </div>
    <div>
    <label style="padding-top:20px;">Name</label>
    <span id="fname-info" class="info"></span><br/>
    <input type="text" name="fname" id="add-fname" class="demoInputBox">
    </div>
    <div>
    <label>image_text</label>
    <span id="image_text-info" class="info"></span><br/>
    <input type="text" name="image_text" id="add-image_text" class="demoInputBox">
    </div>
    <div>
    <label>address</label> 
    <span id="address-info" class="info"></span><br/>
    <input type="text" name="address" id="address" class="demoInputBox">
    </div>
    <div>
    <label>Price</label> 
    <span id="price-info" class="info"></span><br/>
    <input type="text" name="price" id="price" class="demoInputBox">
    </div>
    <div>
    <label>Contacts</label> 
    <span id="contact-info" class="info"></span><br/>
    <input type="text" name="contact" id="contact" class="demoInputBox">
    </div>
    <div>
    <input type="button" name="submit" id="btnAddAction" value="Add" onClick="add();" />
    </div>
    </form>

我的剧本

function getresult(url) {    
$.ajax({
    url: url,
    type: "POST",
    data:  {rowcount:$("#rowcount").val(),image:$("#image").val(),fname:$("#fname").val(),image_text:$("#image_text").val()},
    success: function(data){ $("#toys-grid").html(data); $('#add-form').hide();}
   });
}
getresult("getresult.php");
function add() {
var valid = validate();
if(valid) {
    $.ajax({
        url: "add.php",
        type: "POST",
        data:  {image:$("#add-image").val(),fname:$("#add-fname").val(),image_text:$("#add-image_text").val(),address:$("#address").val(),price:$("#price").val(),contact:$("#contact").val()},
        success: function(data){ getresult("getresult.php"); }
       });
    }
}

Add.php

require_once("dbcontroller.php");
$db_handle = new DBController();
$result = mysql_query("INSERT INTO cls_vehicles(fname, image_text, address, 
price, contact) VALUES('".$_POST["fname"]."','".$_POST["image_text"]."',
'".$_POST["address"]."','".$_POST["price"]."','".$_POST["contact"]."')");

如何使用表单AJAX PHP上传具有特定行[id]的图像

0 个答案: