后台上传数据php代码,jQuery传递数据同时上传文件到php后台的问题

各位大神们好,我是一名学生正在自学编程,一段手机上传图片程序如下:

1.前端有一个上传框,上传图片后会自动生成预览图

2.如下程序是部分js文件,一些无关的代码已经删掉了,

3.后台post.php页面用post方法或者file方法都收不到上传的文件,text文本数据可以收到

4.前端有获得 $("#picture").val() 的代码,我这个js是不是没有把文件传成功啊?少了点什么呢? 预览图可以正常生成!求大神们指点一二,小弟感激不尽!

function postTopic()

{

var cid = $('#cid').val();

if( parseInt(cid) < 1 )

{

alert("请选择分类");

$('#cid').focus();

return false;

}

var msg = $.trim($('textarea[name=message]').val());

if( msg.length > 500 )

{

$('textarea[name=message]').focus();

return false;

}

var picture = "";

if( $("#picture").val() == "" )

{

if( msg.length < 1 )

{

$('textarea[name=message]').focus();

return false;

}

}

else

{

picture = $("#previewImg").attr("src");

}

$(".loading").show();

$("#add-topic-form").hide();

$.post("post.php",{"do":"addTopic","cid":cid,"msg":msg,"picture":$("#picture").val()},function(data)

{

if (data.result == "success")

{

//无关代码

},"json");

return false;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基本的HTML页面,其中包含一个文本框和一个按钮,用于向后台发送数据。使用jQuery的AJAX方法可以轻松地向后台发送请求接收响应。 ```html <!DOCTYPE html> <html> <head> <title>HTML AJAX示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { $("#search-btn").click(function() { var value = $("#search-input").val(); // 获取文本框的值 $.ajax({ url: "search.php", // 后台处理脚本的URL type: "POST", // 请求类型为POST data: {search: value}, // 发送的数据 success: function(result) { // 成功接收响应后的回调函数 $("#result").html(result); // 将查询结果显示在页面中 } }); }); }); </script> </head> <body> <h1>HTML AJAX示例</h1> <input type="text" id="search-input" placeholder="请输入查询关键字"> <button id="search-btn">查询</button> <div id="result"></div> </body> </html> ``` 在这个示例中,当用户点击查询按钮时,jQuery的点击事件处理程序将获取文本框的值,并使用AJAX向后台发送请求请求发送到名为“search.php”的脚本,请求类型为POST,发送的数据为文本框的值。请求成功后,AJAX将调用一个名为“success”的回调函数,并将响应结果作为参数传递给它。在这个回调函数中,我们将查询结果显示在页面中的一个<div>元素中。后台脚本应该能够接收请求并根据接收到的数据进行查询。例如,以下是一个简单的PHP脚本,它从数据库中查询匹配查询关键字的行,并将结果作为HTML表格返回。 ```php <?php // 获取查询关键字 $search = $_POST["search"]; // 连接到数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败:" . $conn->connect_error); } // 查询并返回结果 $sql = "SELECT * FROM mytable WHERE column LIKE '%$search%'"; $result = $conn->query($sql); if ($result->num_rows > 0) { echo "<table>"; while($row = $result->fetch_assoc()) { echo "<tr><td>" . $row["column1"] . "</td><td>" . $row["column2"] . "</td></tr>"; } echo "</table>"; } else { echo "没有查询到结果。"; } // 关闭数据库连接 $conn->close(); ?> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值