读书人

Yii使用iframe实现异步下传/上载文件

发布时间: 2012-09-25 09:55:59 作者: rapoo

Yii使用iframe实现异步上传/下载文件
作者:zccst
yii常规post方式提交表单方式请参考:


除了常规post提交方式外,还有异步提交方式。
原理是使用iframe代替原来的页面跳转,大大提升用户体验。

一、上传文件

1,前端html代码

<form id="upForm" action="<?php echo $this->createUrl('repairUpload'); ?>" method="post" enctype    ="multipart/form-data" target="upload_target">    <input type="file" name="repair_attached_file" id="repair_attached_file" /><input type="subm    it" name="submitBtn" value="立即上传" />    <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe></form><span id="upload_repairinfo_success" style="color:blue;"></span>


<script type="text/javascript">function startUpload() {var spanObj = document.getElementById("upload_repairinfo_success");spanObj.innerHTML = " 开始上传";document.getElementById("upForm").sumbit();}function stopUpload(responseText){var spanObj = document.getElementById("upload_repairinfo_success");//spanObj.innerHTML = "上传成功";spanObj.innerHTML = responseText;}</script>



2、后端php代码

public function actionRepairUpload(){    $attach = CUploadedFile::getInstanceByName('repair_attached_file');    $retValue = "";    if($attach->size > 3*1024*1024){        $retValue = "提示:文件大小不能超过3M";    }else{        $f = file_get_contents($attach->tempName);        $a = new Attachment();        $a->ref_type = "failParts";        $a->data = $f;        $a->file_path = $attach->name;        $a->save();        $retValue = $a->id;    }    echo "<script type='text/javascript'>window.top.window.stopUpload('{$retValue}')</script>";}


1 楼 ejacky 2012-03-23 下载呢??

读书人网 >编程

热点推荐