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; } /style 
JS：
 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教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。