jquery 无刷新上传的小function

Posted 西瓜霜^_^

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 无刷新上传的小function相关的知识,希望对你有一定的参考价值。

js代码

<div class="control-group">
                        <label class="control-label item-label" >上传图片 (750*1525)<span class="check-tips"></span></label>
                        <div class="controls uploadrow2" data-max="1" title="点击修改图片" rel="cover" id="upclick">
                            <input type="hidden" name="img" id="img" value="{$art.img}">
                            <div class="upload-img-box" rel="img" id="imgshow" style="height:auto;">
                                <if condition="!empty($art[‘img‘])">
                                    <img src="__UPLOADS__/{$art.img}"/>
                                </if>
                            </div>
                        </div>
                    </div>
<script type="text/javascript" src="引入上面的js代码"></script>
<script type="text/javascript">
       zll_up("upclick","{:U("$con_name/z_upload")}","img","imgshow");
</script>

html代码

function z_upload(){
        //单文件上传
        //公用上传函数 zll 2017-6-7 11:35:44
        //用于iframe的无刷新上传
        $config = array(
                ‘maxSize‘    =>    3145728,
                ‘rootPath‘   =>    ‘./Uploads/‘,
                ‘savePath‘   =>    ‘‘,
                ‘saveName‘   =>    array(‘uniqid‘,‘‘),
                ‘exts‘       =>    array(‘jpg‘, ‘gif‘, ‘png‘, ‘jpeg‘),
                ‘autoSub‘    =>    true,
                ‘subName‘    =>    array(‘date‘,‘Ymd‘),
            );
            $upload = new \Think\Upload($config);// 实例化上传类
            $info = $upload->upload();
            if(!$info) {
                // 上传错误提示错误信息
                //    echo $upload->getError();
                echo "<textarea>error</textarea>";
            }else{// 上传成功
                echo "<textarea>".$info[array_keys($info)[0]][‘savepath‘].$info[array_keys($info)[0]][‘savename‘]."</textarea>";
            }
    }

php代码(thinkphp3.2.3)

以上是关于jquery 无刷新上传的小function的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery的ajaxfileupload.js和struts2无刷新上传文件出错

jQuery无刷新上传之uploadify简单试用

Jquery上传插件Uploadify无刷新上传文件

jquery如何实现form提交无刷新返回一个页面

[Asp.net mvc]jquery.form.js无刷新上传

ie8实现ajax无刷新文件上传