PHP服务器文件管理器开发小结（十）：使用jQuery和iframe实现AJAX文件上传

function onUploadFile()
{
	$(‘#dialogUploadFile‘).dialog({
		height:‘auto‘,
		width:‘auto‘,
		position:{my:‘center‘,at:‘center‘,collision:‘fit‘},
		modal:false,
		draggable:true,
		resizable:true,
		title:"New File",
		show:‘slide‘,
		hide:‘explode‘,
		buttons:{
			OK: function() {
				$("#frmUploadFile").submit();
				setTimeout("$.post(‘query.php‘, {act:‘refresh‘}, function (data) {					        $(‘#spanDirTable‘).html(data);				        	$( ‘#dialogUploadFile‘ ).dialog( ‘close‘ );					    })", 
					    1000);
			},
			Cancel: function() {
	        	$( this ).dialog( "close" );
	        }
		}
	});
}

	
		
		Select file to upload:
	

这里引用了一个作为表单的target。这样，我们可以将上传文件的处理结果反馈到对应的frame中，并弹出alert提示。

对应的PHP处理：

            case "upload":
                echo "";
                $isDirContentView = false;
                if (isset($_SESSION["currDir"])) 
                {
                    $strDirName = $_SESSION["currDir"];
                }
                else $strDirName = "/home";
                $fileElemName = "newFile";
                if (!isset($_FILES[$fileElemName]))
                {
                    echo "";
                    break;
                }
                $newFile = $_FILES[$fileElemName];
                $tmpFilePath = $newFile["tmp_name"];
                $targetPath = $strDirName."/".$newFile["name"];
                if ($tmpFilePath === false || file_exists($targetPath))
                {
                    echo "";
                    break;
                }
                if (!move_uploaded_file($tmpFilePath, $targetPath))
                {
                    echo "";
                    break;
                }
                echo "";
                break;

PHP使用$_FILES对象访问表单上传的文件信息，其中$_FILES[$fileElemName]["tmp_name"]存放着上传文件的临时路径，$_FILES[$fileElemName]["name"]存放着上传文件名。使用move_uploaded_file函数可以将上传的文件移动到目标路径上。

注意到这里输出了和标签，这样才能在前端frame中正确的弹出alert。

具体效果：

本文出自 “Accplayer的小地方” 博客，请务必保留此出处http://accplaystation.blog.51cto.com/9917407/1614871

PHP服务器文件管理器开发小结（十）：使用jQuery和iframe实现AJAX文件上传