HTML:
p >CSS:
style .remove-uploadimg{ cursor:pointer;} .uploadimg{ display: inline-block; position: relative; .uploadimg .remove-uploadimg{ position: absolute; font-size: 20px; top:-10px; right: -6px; .remove-uploadimg{ width:30px; height:30px; background-color:#ccc; border-radius:50%; color:red; text-align:center; .remove-uploadimg:hover{ text-decoration: none; } /styleJS:
script src= __PUBLIC__/js/mbUploadify.js /script script var upload1 = new mbUploadify({ file: document.getElementById( imgfile ), /*ajax 上传地址*/ url: {:U( Upload/mbUploadImg )} , //上传进度 progress: function(){ $( #imgpath ).show(); $( #imgpath ).val( 上传中... }, /*上传失败*/ error: function(file, msg){ document.getElementById( imgError ).innerHTML = msg; }, /*ajax上传成功*/ uploadSuccess: function(res){ $( #imgpath ).hide(); $( #imgpath ).val( var data = JSON.parse(res); document.getElementById( img-data ).innerHTML = span >PHP:
html' target='_blank'>public function mbUploadImg(){ $upload = new Upload(); // 实例化上传类 $upload- maxSize = 5242880 ; // 设置附件上传大小 $upload- exts = array( jpg , gif , png , jpeg // 设置附件上传类型 $upload- rootPath = ./Public/ // 上传文件 $info = $upload- uploadOne($_FILES[ files if($info) { // 上传成功 $data[ name ] = $info[ name $data[ ext ] = $info[ ext $data[ type ] = $info[ type $data[ savename ] = $info[ savename $data[ savepath ] = /Public/ .$info[ savepath ].$info[ savename $imgId = M( upload_img )- add($data); if($imgId){ $resData[ code ] = 200; $resData[ msg ] = 成功 $resData[ id ] = $imgId; $resData[ name ] = $data[ name $resData[ savepath ] = $data[ savepath echo json_encode($resData); return; } // 上传错误提示错误信息 return $this- ajaxReturn([ code = 400, msg = $upload- getError()]);}相关教程:
PHP视频教程
HTML视频教程
CSS视频教程
js视频教程
以上就是使用tp3.2和mbUploadify.js上传图片的代码示例的详细内容,PHP教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答