php+ajax图片文件异步上传示例代码

3. jQuery.extend({

4. createUploadIframe: function(id, uri)
5. {
6. //create frame
7. var frameId = 'jUploadFrame' + id;
8. var iframeHtml = '

过程： (1 )前端文件的代码： test.php

复制代码

相应的HTML为：

3. Upload

复制代码

这样客户端就完成了。

(2) 在服务器端的doajaxfileupload.php 此处为了简便的检测是否真正的传值过来了，你可以将它存起来了。

2. $file_infor = var_export($_FILES,true);
3. file_put_contents("d:file_infor.php".$file_infor);

复制代码

这样打来刚生成的file_infor.php文件时，又看到了熟悉的信息了：

2. array(
3. 'name'=>'lamp.jpg',
4. 'type'=>'image/pjpeg',
5. 'tmp_name'=>'c:windowstempphpFA.tmp',
6. 'error'=>0,
7. 'size'=>3127
8. )

复制代码

当然，真正的处理类于这样的：

2. $upFilePath = "d:/";
3. $ok=@move_uploaded_file($_FILES['img']['tmp_name'],$upFilePath);
4. if($ok === FALSE){
5. echo json_encode('file_infor'=>'上传失败');
6. }else{
7. echo json_encode('file_infor'=>'上传成功');
8. }
9. ?>

复制代码

方法二，利用iframe框架上传图片 html代码:

复制代码

index.js文件：

2. $(function(){
3. $("#upload_file").change(function(){
4. $("#uploadFrom").submit();
5. });
6. });
7. function stopSend(str){
8. var im="";
9. $("#msg").append(im);
10. }

复制代码

upload.php文件：

2. $file=$_FILES['upfile'];
3. $name=rand(0,500000).dechex(rand(0,10000)).".jpg";
4. move_uploaded_file($file['tmp_name'],"upload/images/".$name);
5. //调用iframe父窗口的js 函数
6. echo "";
7. ?>

复制代码

方法三，原生态ajax文件上传

12. 图片
13. 
    
15. 浏览...
17. 上传

复制代码

php代码：

2. if(isset($_FILES["myfile"]))
3. {
4. $ret = array();
5. $uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;
6. $dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;
7. file_exists($dir) || (mkdir($dir,0777,true) && chmod($dir,0777));
8. if(!is_array($_FILES["myfile"]["name"])) //single file
9. {
10. $fileName = time().uniqid().'.'.pathinfo($_FILES["myfile"]["name"])['extension'];
11. move_uploaded_file($_FILES["myfile"]["tmp_name"],$dir.$fileName);
12. $ret['file'] = DIRECTORY_SEPARATOR.$uploadDir.$fileName;
13. }
14. echo json_encode($ret);
15. }
16. ?>

复制代码