情侣绣 / 上传 / ajax 上传文件 (文档图片等)

0 0

   

ajax 上传文件 (文档图片等)

2016-10-17  情侣绣
html:

<div>
            <label></label><input type="button" value="选取文件" id="selector" />
            <input type="hidden" value="{twotree#$info.position}" name="position" class="bt">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label>文件路径:</label><input type="text" readonly="readonly" value="" id="filepath" />
            <br />
            <label></label><input type="button" value="开始上传" id="up" />
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <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 '上传成功';
        }
        // 保存表单数据 包括附件数据
       
       
    }

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    猜你喜欢

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多