‘壹’ 如何将图像上传到异步使用 post 请求的 url
functionsend_photo(){
$("#msg_tips").text("图片上传中");
varimgobj=document.getElementById("cur_img").src;
//alert(imgobj);
$.ajax({
type:"post",
url:"updategpsp.php",
async:true,
dataType:"text",
data:{img_data:imgobj},
success:function(msg){
if(msg>=1){
$("#msg_tips").text("图片上传完毕");
alert("上传数据成功");
reshort_photo();
}else{
alert("上传数据失败！请重新传送");
alert(msg);
}
}
});
}
‘贰’ Java中如何图片异步上传
在java中要实现异步上传要提前做好准备，对于文件上传，浏览器在上传的过程中是将文件以流的形式提交到服务器端的，如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦，所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。
这个common-fileupload上传组件的jar包可以去apache官网上面下载，也可以在struts的lib文件夹下面找到，struts上传的功能就是基于这个实现的。
common-fileupload是依赖于common-io这个包的，所以还需要下载这个包。剩下的就是js文件的导入了，我导入了以下文件：
<script type="text/javascript" src="lib/Js/jquery.js"></script>
<script ltype="text/javascript" src="/js/ajaxfileupload.js"></script>
在页面中的写法：
div class="controls"><span class="btn green fileinput-button"><i class="icon-plus icon-white"></i>
<span>上传照片</span>
<input id="fileToUpload" name="myfiles" type="file" onchange="upload()" title="上传" /></span>
</div>function upload(){
$.ajaxFileUpload
(
{
url:'<%=basePath%>sysperson/uploadpic',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'text',
success: function (data, status)
{
document.all.mypic.src="<%=basePath%>uploads/" + data;
document.all.picpath.value = data;
}, error : function(data, status, e) {
alert(e);
}
});
}
‘叁’ 【PHP】异步上传图片怎么和表单提交的记录绑定
你异步上传完成后总该返回该图片的路径吧，表单提交的时候连同所有返回的图片路径一起提交啊
‘肆’ ajax异步上传图片的代码看不懂，帮我解释一下
success:function(text){// 这个是ajax调用，程序成功走完之后返回来的数据；
你可以 alert（text）看一下text的数据是什么类型的，跟你返回 的是否一样；
}
‘伍’ ajaxFileUpload异步上传图片，服务器文件叫多，如何删除啊~~
可以做个批量清理的小程序，把所有上传的图片，都存在数据库里，然后遍历上传的这个目录，读取到文件名以后，去数据库查，要是不存在的话，说明这张图是没有用的，删除~
‘陆’ 求一段JS或Jquery异步上传图片的代码
图片和文件等流媒体 上传都是靠from表单的提交。
你可以设置一个隐藏的from表单
里面有个<input id='file' type='file'>
选择玩图片之后赋值给file
然后用jquery from表单提交即可
<formid="form"runat="server"enctype="multipart/form-data">
<inputid='file'type='file'>
</from>
$.ajax({
url:'XXXX',//上传后台路径
data:$('#form').serialize(),
type:"POST",
success:function(){
}
});
‘柒’ php 异步上传图片几种方法总结
代码如下
form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe"> <!--上传图片页面 --> </form> <iframe name="uploadIframe" id="uploadIframe" style="display:none"></iframe>
然后后台处理完上传图片逻辑后返回给前台，利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。
实例
代码如下
a.html <form enctype="multipart/form-data" action="a.php" target="ifram_sign" method="POST"> <input name="submit" id="submit" value="" type="hidden"> <label>上传文件: <input name="test_file" type="file" id="test_file" size="48"></label> <input type="image" value="立即上传" id="submit_btn"> </form><iframe name="ifram_sign" src="" frameborder="0" height="0" width="0" marginheight="0" marginwidth="0"></iframe>
php代码：
代码如下
<?php
if ($_files["test_file"]["error"] > 0)
{
echo "Error: " . $_files["test_file"]["error"] . "<br />";
}
else
{
//这里的判断图片属性的方法就不写了。自己扩展一下。
$filetype=strrchr($_files["test_file"]["name"],".");
$filetype=substr($filetype,1,strlen($filetype));
$filename="img/".time("YmdHis").".".$filetype;
move_uploaded_file($_files["test_file"]["tmp_name"],$filename);
echo '<script >alert(1)</script>';
$return="parent.document.getElementByIdx_x('mpic".$pageset_id."').innerhtml='".$dataimgpath."'";
echo "<script >alert('上传成功')</script>";
echo "<script>{$return}</script>";
}
?>
其实jquery ajax图片异步上传
html:
<!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" lang="en_US" xml:lang="en_US">
<head>
<title>图片异步上传</title>
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link type="text/css" rel="stylesheet" href="css/index.css">
<body>
<div class="frm">
<form name="uploadFrom" id="uploadFrom" action="upload.php" method="post" target="tarframe" enctype="multipart/form-data">
<input type="file" id="upload_file" name="upfile">
</form>
<iframe src="" width="0" height="0" style="display:none;" name="tarframe"></iframe>
</div>
<div id="msg">
</div>
</body>
</html>
index.js
$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});
function stopSend(str){
var im="<img src='upload/images/"+str+"'>";
$("#msg").append(im);
}
upload.php
<?php
$file=$_files['upfile'];
$name=rand(0,500000).dechex(rand(0,10000)).".jpg";
move_uploaded_file($file['tmp_name'],"upload/images/".$name);
//调用iframe父窗口的js 函数
echo "<script>parent.stopSend('$name')</script>";
?>
异步上传图片几种方法
‘捌’ 在javascript中如何实现异步图片上传
var formData = new FormData();
//html: <input type="file" id="img"/>
formData.append('shopImg', $('#img')[0].files[0]);
$.ajax({
url: controllerUrl,
data: formData,
success: function(){
$.toast('提交成功！');
}
})；
‘玖’ 异步上传图片，怎么实现表单提交，不刷新页面，并且回显图片
你这是要用AJAX啊。
用JQUERY会方便一点。如果要用原生的js.
var xmlHttp=new XMLHttpRequest();
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
然后你的xmlHttp.open("POST",url);这里必须用POST。
接下来，就是xmlHttp.send(你的数据文件)
我这里是简写了。xmlHttp的生成在IE和其实浏览器下实例化是不一样的。你可以找一下资料。
接下来，就是提交到服务器上去了，你的程序处理保存图片后，生成一个地址后回传给请求的页面。
你再xmlHttp.responseText获取这个地址，就可以回显了。
‘拾’ thinkphp 利用ajax异步上传图片实现预览功能 问题
$this->ajaxReturn();
我是这样返回ajax的