Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过ajax load()函数发送图像文件,并通过php在div中插入mysql db显示_Javascript_Php_Jquery_Mysql_Ajax - Fatal编程技术网

Javascript 如何通过ajax load()函数发送图像文件,并通过php在div中插入mysql db显示

Javascript 如何通过ajax load()函数发送图像文件,并通过php在div中插入mysql db显示,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,这是我将图像文件发送到upload.php的表单,脚本文件和图像文件应显示在'onsuccessmsg'div中 <form action="upload.php" method="POST" id="uploadform"> <input type="file" file="file" id="file_to_send"/> <input type="submit" value="Upload"/><br/><br/>

这是我将图像文件发送到
upload.php的表单,脚本文件和图像文件应显示在'onsuccessmsg'div中

<form action="upload.php" method="POST" id="uploadform">
   <input type="file" file="file" id="file_to_send"/>
   <input type="submit" value="Upload"/><br/><br/>
   Message :
   <div id="onsuccessmsg" style="border:5px solid #CCC;padding:15px;"></div>
  </form>
提交表单,说明如何将名称和id值发送到
upload.php
文件,并在
onsuccessmsg
div中回显图像文件,
我很困惑,请帮助我。

您可以使用iframe通过jquery上传图像

$(document).ready(function()
{
    $("#input_for_image_upload").change(function()
    { 
       $("#img_upload").submit();
    });
});

您将通过此代码获得图像名称

$('#submit').click(function()
{
    var str=$("#image").val();
    var arr=str.split("\\");
    var image=arr[2];
    alert(image);
});

这不是用几行代码来回答的。您应该考虑使用已经支持异步上传的库。例如:请让我知道上传文件的代码并通过Ajax进行显示。
$(document).ready(function()
{
    $("#input_for_image_upload").change(function()
    { 
       $("#img_upload").submit();
    });
});
$('#submit').click(function()
{
    var str=$("#image").val();
    var arr=str.split("\\");
    var image=arr[2];
    alert(image);
});