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

mac2022-06-30  37

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"> </td> <td> <a class="bYellow buttonL" href="javascript:;" οnclick="editMemberInfo();">保存并继续</a> <a class="bYellow buttonL" href="javascript:;" οnclick="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)); }}

转载于:https://www.cnblogs.com/fengfen93fen/p/9983875.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)