利用Ajax将图片存入数据库的过程中可能会出现路径乱码或不一致的现象因此要对其进行编码解码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="../jquery-1.11.2.min.js"></script> </head> <body> <img src="/test0623/img/aa.jpg" id="img" /> </body> <script type="text/javascript"> $(document).ready(function(e) { var url = $("#img").attr("src"); //alert(url); //在使用Ajax的过程中,如果要通过JSON传递路径到处理页面,会出现传值不正确, //解决方法就是在传值之前将路径进行编码 //JS中 var lujing = encodeURIComponent(url); $.ajax({ url:"chuli.php", data:{url:lujing}, type:"POST", dataType:"TEXT", success: function(data){ //alert(data); } }); }); </script> </html>
处理页面:
<?php //通过Ajax的形式传值存入数据库 $url = $_POST["url"]; //在处理页面将接收到的路径进行解码 //处理页面中 $lujing = urldecode($url); include("../DBDA.php"); $db = new DBDA(); $sql = "insert into nation values('z003','{$lujing}')"; $db->Query($sql,1);
显示的效果: