html: <div> <label></label><input type="button" value="选取文件" id="selector" /> <input type="hidden" value="{twotree#$info.position}" name="position" class="bt"> <label>文件路径:</label><input type="text" readonly="readonly" value="" id="filepath" /> <br /> <label></label><input type="button" value="开始上传" id="up" /> <label>上传状态:</label><input type="text" readonly="readonly" value="" id="state" /> <!-- <p> DEMO BY ABEL : <a href="http://abel.cnblogs.com/" target="_blank">abel.cnblogs.com</a> </p> --> </div> js: <script type="text/javascript"> $(function () { // 创建一个上传参数 var uploadOption = { // 提交目标 action: "{twotree#:U('Job/uploaddoc')}", // 服务端接收的名称 name: "file", // 自动提交 autoSubmit: false, // 选择文件之后… onChange: function (file, extension) { if (new RegExp(/(doc)|(docx)/i).test(extension)) { $("#filepath").val(file); } else { alert("只限上传word文件,请重新选择!"); } }, // 开始上传文件 onSubmit: function (file, extension) { $("#state").val("正在上传" + file + ".."); }, // 上传完成之后 onComplete: function (file, response) { if (response == "Success") $("#state").val("上传完成!"); else $("#state").val(response); } } // 初始化图片上传框 var oAjaxUpload = new AjaxUpload('#selector', uploadOption); // 给上传按钮增加上传动作 $("#up").click(function () { oAjaxUpload.submit(); }); }); </script> 控制器: public function uploaddoc(){ //dump($_POST);exit; import('ORG.Net.UploadFile'); $upload = new UploadFile();// 实例化上传类 $upload->maxSize = 3145728 ;// 设置附件上传大小 $upload->allowExts = array('docx', 'doc');// 设置附件上传类型 $upload->savePath = './Data/upfile/';// 设置附件上传目录 if(!$upload->upload()) {// 上传错误提示错误信息 echo '上传失败'; $this->error($upload->getErrorMsg()); }else{// 上传成功 获取上传文件信息 $info = $upload->getUploadFileInfo(); echo '上传成功'; } // 保存表单数据 包括附件数据 } |
|