本例用了jquery.form.js请到演示页面查看

半铸钢钢性铸铁(Cast Semi-Steel)代码复制代码代码如下：样式表单{显示：块；余量： 20px自动；背景技术# eee border-radius : 10px；padd : 15px } # progress {位置：相对；宽度宽度：400像素边界： 1px固体# dddpadding : 1pxborder-radius : 3px；} # bar {底色： # B4F5 B4宽度：0%;高度：20 px边界半径： 3px} # percent { position :绝对值；显示：内嵌块；top:3px左侧：48%;}/样式XML/HTML代码复制代码代码如下：表单id='myForm '操作='upload.php '方法=' post ' enctype=' multipart/form-data '输入类型='file' size='60' name='myfile '输入类型='提交'值=' Ajax文件上传'/表单div id='进度' div id='条'/div div id='百分比' 0%/div/div id='消息'/div JavaScript Code复制代码代码如下：脚本$(文档)。ready(function(){ var options={ before send : function(){ $(' # progress '))).show()；//清除所有$('#bar ').宽度(' 0% ');$('#message ').html(" ")；$(“# percent”).html(" % 0 ")；}，uploadProgress:函数（事件、位置、总计、百分比完成){ $('#bar ').宽度（百分比完成"%");$(“# percent”).html(完成百分比“%”；}，success: function() { $('#bar ').宽度(' 100% ');$(“# percent”).html(' 100% ')；}，完成：函数（响应){ $('#message ').html(' font color=' green ')响应。response text '/font ')；}，错误： function(){ $(“# message”).html(' font color=' red '错误：无法上传文件/font ')；} };$('#myForm ').ajaxForm(选项);});/脚本upload.php复制代码代码如下：php $output_dir='./upload/'；if(isset($ _ FILES[' my FILE ']){//如果需要，过滤文件类型if($ _ FIles[' my FIle '][' error ']0){ echo ' error : ' .$_FILES['file']['错误'].br '；} else {//将上传的文件移动到上传文件夹；move _ uploaded _ FIles($ _ FIles[' my FIle '][' tmp _ name ']，$output_dir .$ _ FIles[' my FIle '][' name '])；回应"上传的文件："。$ _ FIles[' my FIle '][' name ']；} } ?