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);
});