php+ajax實現圖片檔案上傳功能執行個體_PHP教程

目前常用的非同步檔案上傳功能有幾種，比較多見的如使用iframe架構形式，ajax功能效果，以及flash+php功能，下面介紹ajax與iframe實現非同步檔案上傳的功能的例子。

方法一，利用jquery ajaxfileupload.js實現檔案上傳

其實就是實現無重新整理式的檔案上傳。可採用IFRAME檔案上傳原理。
實際上在用PHP上傳檔案時。。。只能用$_FILES形式，但是若我們只是單一的用JS方式取其ID，如..document.getElementById('img').value或者jquery形式的$("#img")都是不能正真實際上傳的（但是還是有很多人這樣做，剛開始時我也是）。
可是功能上又要要求實現所謂的“非同步上傳”，怎麼辦呢？只能藉助於第三方的組件，或者自己寫一個（在網頁裡嵌入一個IFRAME）。但如果是考慮開發時間，建議用第三方的，這裡有一個不錯的jQuery 的Ajax檔案上傳的組件，即“ajaxfileupload.js",其組件下載地址為：http://files.jb51.net/file_images/article/201306/js/ajaxfileupload.js

過程：

(1 )前端檔案的代碼： test.php

複製代碼 代碼如下:

相應的HTML為：

Upload

這樣用戶端就完成了。

(2) 在伺服器端的doajaxfileupload.php

此處為了簡便的檢測是否真正的傳值過來了，你可以將它存起來了。

複製代碼 代碼如下:$file_infor = var_export($_FILES,true);
file_put_contents("d:file_infor.php".$file_infor);

這樣你打來剛產生的file_infor.php檔案時，你又看到了熟悉的資訊了：

複製代碼 代碼如下:array(
'name'=>'lamp.jpg',
'type'=>'image/pjpeg',
'tmp_name'=>'c:windowstempphpFA.tmp',
'error'=>0,
'size'=>3127
)

當然，真正的處理類於這樣的：

複製代碼 代碼如下: $upFilePath = "d:/";
$ok=@move_uploaded_file($_FILES['img']['tmp_name'],$upFilePath);
if($ok === FALSE){
echo json_encode('file_infor'=>'上傳失敗');
}else{
echo json_encode('file_infor'=>'上傳成功');
}
?>

方法二，利用iframe架構上傳圖片

html代碼如下:

複製代碼 代碼如下:

index.js檔案：

複製代碼 代碼如下:$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});
function stopSend(str){
var im="";
$("#msg").append(im);
}

upload.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 "";
?>

方法三，原生態ajax檔案上傳

複製代碼 代碼如下:



Html5 Ajax 上傳檔案






圖片



瀏覽...

上傳

php代碼：

複製代碼 代碼如下:
if(isset($_FILES["myfile"]))
{
$ret = array();
$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;
$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;
file_exists($dir) || (mkdir($dir,0777,true) && chmod($dir,0777));
if(!is_array($_FILES["myfile"]["name"])) //single file
{
$fileName = time().uniqid().'.'.pathinfo($_FILES["myfile"]["name"])['extension'];
move_uploaded_file($_FILES["myfile"]["tmp_name"],$dir.$fileName);
$ret['file'] = DIRECTORY_SEPARATOR.$uploadDir.$fileName;
}
echo json_encode($ret);
}
?>

http://www.bkjia.com/PHPjc/825358.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/825358.htmlTechArticle目前常用的非同步檔案上傳功能有幾種，比較多見的如使用iframe架構形式，ajax功能效果，以及flash+php功能，下面介紹ajax與iframe實現非同步檔案...

