HTML：

ajax：

$("#changeImg").change(function () {

var data = new FormData();

//為FormData對象添加數據

$.each($('#changeImg')[0].files, function(i, file) {

data.append('upload_file'+i, file);

});

console.log(data);

//$(".loading").show(); //顯示加載圖片

//發送數據

$.ajax({

url:url,

type:'POST', /*提交方式*/

data:data,

cache: false,

contentType: false, /*不可缺*/

processData: false, /*不可缺*/

success:function(data){

//data = $(data).html(); /*轉格式*/

$(".img2").attr("src",data);

console.log(data);

console.log(1);

},

error:function(){

alert('上傳出錯');

}

});

})

PHP：

header('content-type:text/html charset:utf-8');

$dir_base = $_SERVER['DOCUMENT_ROOT']; //文件上傳根目錄

//沒有成功上傳文件，報錯并退出。

$output = "";

$index = 0; //$_FILES 以文件name為數組下標，不適用foreach($_FILES as $index=>$file)

foreach($_FILES as $file){

$upload_file_name = 'upload_file' . $index; //對應index.html FomData中的文件命名

$filename = $_FILES[$upload_file_name]['name'];

$gb_filename = md5(time().rand(1,9999)); //名字轉換成gb2312處理

//文件不存在才上傳

if(!file_exists($dir_base.$gb_filename)) {

$isMoved = false; //默認上傳失敗

$isMoved = @move_uploaded_file ( $_FILES[$upload_file_name]['tmp_name'], $dir_base.$gb_filename.$filename);

/*$MAXIMUM_FILESIZE = 1 * 1024 * 1024; //文件大小限制 1M = 1 * 1024 * 1024 B;

$rEFileTypes = "/^\.(jpg|jpeg|gif|png){1}$/i";

if ($_FILES[$upload_file_name]['size'] <= $MAXIMUM_FILESIZE &&

preg_match($rEFileTypes, strrchr($gb_filename, '.'))) {

$isMoved = @move_uploaded_file ( $_FILES[$upload_file_name]['tmp_name'], $dir_base.$gb_filename); //上傳文件

}*/

}else{

$isMoved = true; //已存在文件設置為上傳成功

}

if($isMoved){

//輸出圖片文件標簽

//注：在一些系統src可能需要urlencode處理，發現圖片無法顯示，

//請嘗試 urlencode($gb_filename) 或 urlencode($filename)，不行請查看HTML中顯示的src并酌情解決。

$output .= "";

}else {

//上傳失敗則把error.jpg傳回給前端

$output .= "";

}

$index++;

}

echo $gb_filename.$filename;exit;

總結

以上是生活随笔為你收集整理的php ajax loading图片居中显示,ajax+php上次图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。