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 '上传成功';
}
// 保存表单数据 包括附件数据
}
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。