tp3.2 ajax上传图片(可以用,样式要自己写)

html页面

<form id="mbInfoForm" action="" method="POST">
    <input type="hidden" name="idcard_up" id="idcard_up">
    <table class="formTbl">
       
        <tr>
            <td class="prop"></td>
            <td>
                <div class="clearfix">
                    <div style="float: left;width: 50%;text-align: center">
                        <p style="padding: 8px 0;">身份证正面</p>
                        <div style="position: relative;top: 0;width: 204px;height: 150px;text-align: center;border: 2px dashed #B9B9B9;">
                            <input style="position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;width: 204px;height: 150px;"  id="pic_up" type="file" class="input" multiple="true">
                            <img <if condition="$vo.card_img neq null">src="{$vo.card_img}"<else/>src="/Upload/idcard/z_add.png"</if> id="pic_up_img">
　　　　　　　　　　　　　　　　　　//如果有图片就显示查出来的图片，否则显示一个默认的图片
                        </div>
                    </div>
                  
                </div>
         </td>
        </tr>
        
    
        <tr>
            <td class="prop">&nbsp;</td>
            <td>
            <a class="bYellow buttonL" href="javascript:;" onclick="editMemberInfo();">保存并继续</a>
            <a class="bYellow buttonL" href="javascript:;" onclick="goNext(2);">跳过</a>
         </td>
        </tr>
    </table>
</form>

<script>

$('#pic_up').change(function(event) {
    var formData = new FormData();
    formData.append("file", $(this).get(0).files[0]);
    $.ajax({
        url:"__URL__/uploadidcard",
        dataType:'json',
        type:'POST',
        data:formData,
        cache: false,
        contentType: false,    //不可缺
        processData: false,    //不可缺
        success:function(data){
            console.log(data.path)
            if(data.code == 1){
                $("#pic_up_img").attr("src",data.path);//将php传过来的图片付给图片src显示
                $("#idcard_up").val(data.path);//将路径保存到hidden里通过form一起保存
            }else{
                alert(data.msg);
            }
        }
    });
});

</script>

//php端

public function uploadidcard(){
    import('ORG.Net.UploadFile');
    $upload = new UploadFile();                     // 实例化上传类
    $upload->maxSize = 1*1024*1024;                 //设置上传图片的大小
    $upload->allowExts = array('jpg','png','gif','jpeg');  //设置上传图片的后缀
    $upload->uploadReplace = true;                  //同名则替换
    $upload->savePath='./Upload/idcard/front/';//保存路径建议与主文件平级目录或者平级目录的子目录来保存
    if(!$upload->upload()) {
        // 上传错误提示错误信息
        $msg = $upload->getErrorMsg();
        $data['data'] = '';
        $data['code'] = -1;
        $data['msg'] = $msg;
        exit(json_encode($data));
    }else{
        // 上传成功 获取上传文件信息
        $info =  $upload->getUploadFileInfo();
        import('ORG.ThinkImage.ThinkImage');
        $image = new ThinkImage(THINKIMAGE_GD);
　　　　//APP_PATH_NEW 这个是自定义的相当于http://xxx.com

       $imgurl = APP_PATH_NEW.'/Upload/idcard/front/'.$info[0]['savename'];
        $image->open($imgurl);
        // 按照原图的比例生成一个最大为150*150的缩略图
        $image->thumb(150,150)->save($imgurl);

        $data['path'] = 'http://'.$_SERVER['HTTP_HOST'].'/Upload/idcard/front/'.$info[0]['savename'];
        $data['code'] = 1;
        $data['msg'] = '上传成功';
        exit(json_encode($data));
    }
}