非同步上傳圖片
① ajax能上傳圖片嗎
有一個ajaxfileupload的組件 ajaxfileupload.js，可以非同步上傳文件。
② ajax非同步上傳圖片的代碼看不懂，幫我解釋一下
success:function(text){// 這個是ajax調用，程序成功走完之後返回來的數據；
你可以 alert（text）看一下text的數據是什麼類型的，跟你返回 的是否一樣；
}
③ 在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('提交成功！');
}
})；
④ 在ie8如何非同步上傳文件，springmvc後台使用MultipartFile接收。
直接上代碼給你參考
@RequestMapping("upload")
public String upload(HttpServletRequest request, PrintWriter out) throws JSONException {
String realPath = "D:/upload"
+ DateUtil.getCurrenDate();// 上傳圖片路徑dir
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
MultipartFile multipartFile = null;
String fileName = null;
for (Map.Entry<String, MultipartFile> set : fileMap.entrySet()) {
// String filekey = set.getKey();// Filedata
multipartFile = set.getValue();// 文件名
}
fileName = this.storeIOc(multipartRequest, multipartFile,realPath);
String fileName = "";
String logImageName = "";
if (file.isEmpty()) {
System.out.println("文件未上傳");
} else {
FileHelper.mkdirs(realPath);//如果文件路徑不存在，則創建
String _fileName = file.getOriginalFilename();
String suffix = _fileName.substring(_fileName.lastIndexOf("."));
// /**使用UUID生成文件名稱**/
logImageName = UUID.randomUUID().toString() + suffix;
fileName = realPath + File.separator + logImageName;
File restore = new File(fileName);
try {
file.transferTo(restore);
} catch (Exception e) {
throw new RuntimeException(e);
}
}
// 返回默認的圖片地址
return fileName;
}
⑤ 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);
}
});
}
⑥ 如何將圖像上傳到非同步使用 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);
}
}
});
}
⑦ 非同步上傳圖片，怎麼實現表單提交，不刷新頁面，並且回顯圖片
你這是要用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獲取這個地址，就可以回顯了。
⑧ ajaxFileUpload非同步上傳圖片，伺服器文件叫多，如何刪除啊~~
可以做個批量清理的小程序，把所有上傳的圖片，都存在資料庫里，然後遍歷上傳的這個目錄，讀取到文件名以後，去資料庫查，要是不存在的話，說明這張圖是沒有用的，刪除~
⑨ 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>";
?>
非同步上傳圖片幾種方法
⑩ img如何接收jquery ajax非同步上傳的動態圖片
你的表述沒看懂，jquery 非同步上傳過後獲取路徑 直接給img 的src賦值不就完了？