From 78525d4667bcad993393b92802079aaf9ac72450 Mon Sep 17 00:00:00 2001 From: xiaoz Date: Fri, 22 Dec 2017 19:36:16 +0800 Subject: [PATCH] add --- config.php | 6 ++ index.html | 94 ++++++++++++++++++++ static/ajax-load.gif | Bin 0 -> 24332 bytes static/embed.js | 46 ++++++++++ static/jquery.uploadfile.min.js | 8 ++ static/style.css | 74 ++++++++++++++++ static/uploadfile.css | 146 ++++++++++++++++++++++++++++++++ upload.php | 103 ++++++++++++++++++++++ 8 files changed, 477 insertions(+) create mode 100644 config.php create mode 100644 index.html create mode 100644 static/ajax-load.gif create mode 100644 static/embed.js create mode 100644 static/jquery.uploadfile.min.js create mode 100644 static/style.css create mode 100644 static/uploadfile.css create mode 100644 upload.php diff --git a/config.php b/config.php new file mode 100644 index 0000000..e304888 --- /dev/null +++ b/config.php @@ -0,0 +1,6 @@ + 'http://localhost/imgurl/', + 'watermark' => 'false' + ); +?> \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..2ebc4fa --- /dev/null +++ b/index.html @@ -0,0 +1,94 @@ + + + + + newindex + + + + + + + + + + + + + +
+
复制成功！
+
+
+ + + +
+
+
+
Upload
+ + + + +
+
+
+ + + + diff --git a/static/ajax-load.gif b/static/ajax-load.gif new file mode 100644 index 0000000000000000000000000000000000000000..215e240dd56e7f12b2ea1f2ff19dd95d50cf8da6 GIT binary patch literal 24332 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 literal 0 HcmV?d00001 diff --git a/static/embed.js b/static/embed.js new file mode 100644 index 0000000..eac4576 --- /dev/null +++ b/static/embed.js @@ -0,0 +1,46 @@ +$(document).ready(function() +{ + $("#fileuploader").uploadFile({ + url:"./upload.php", + maxFileSize:"2097152", + allowedTypes:"jpg,png,gif,bmp", + showStatusAfterSuccess:"false", + dragdropWidth:"100%", + + + //允许上传最大文件数量 + //showDone:"false" + //showQueueDiv: "output" + onSubmit:function(files) + { + $("#loading").show(); + }, + onSuccess:function(files,data,xhr,pd) + { + $("#loading").hide(); + $("#relink").show(); + var imginfo = new Function("return" + data)(); + document.getElementById("linkurl").value = imginfo.linkurl; + document.getElementById("htmlurl").value = ""; + document.getElementById("mdurl").value = "![](" + imginfo.linkurl + ")"; + document.getElementById("bbcode").value = "[img]" + imginfo.linkurl + "[/img]"; + $("#show_img").attr('src',imginfo.linkurl); + $("#img-url").attr('href',imginfo.linkurl); + $("#img-box").show(); + } + }); +}); + +//复制按钮 +function copy(url) { + + new clipBoard($("#url"),{ + copy: function() { + return $("#" + url).val(); + }, + afterCopy: function() { + $("#msg").show(); + $("#msg").fadeOut(1500); + } + }); +} \ No newline at end of file diff --git a/static/jquery.uploadfile.min.js b/static/jquery.uploadfile.min.js new file mode 100644 index 0000000..a9e71f5 --- /dev/null +++ b/static/jquery.uploadfile.min.js @@ -0,0 +1,8 @@ +/*! + * jQuery Upload File Plugin + * version: 4.0.11 + * @requires jQuery v1.5 or later & form plugin + * Copyright (c) 2013 Ravishanker Kusuma + * http://hayageek.com/ + */ +!function(e){void 0==e.fn.ajaxForm&&e.getScript(("https:"==document.location.protocol?"https://":"http://")+"cdn.bootcss.com/jquery.form/3.51/jquery.form.min.js");var a={};a.fileapi=void 0!==e("").get(0).files,a.formdata=void 0!==window.FormData,e.fn.uploadFile=function(t){function r(){D||(D=!0,function e(){if(w.sequential||(w.sequentialCount=99999),0==x.length&&0==F.length)w.afterUploadAll&&w.afterUploadAll(C),D=!1;else{if(F.length1?t.showError&&e("
"+t.multiDragErrorStr+"
").appendTo(a.errorLog):0!=t.onSelect(o)&&l(t,a,o)}),r.on("dragleave",function(a){e(this).removeClass(t.dragDropHoverClass)}),e(document).on("dragenter",function(e){e.stopPropagation(),e.preventDefault()}),e(document).on("dragover",function(a){a.stopPropagation(),a.preventDefault();var r=e(this);r.hasClass(t.dragDropContainerClass)||r.removeClass(t.dragDropHoverClass)}),e(document).on("drop",function(a){a.stopPropagation(),a.preventDefault(),e(this).removeClass(t.dragDropHoverClass)})}function s(e){var a=e/1024;return parseInt(a)>1024?(a/1024).toFixed(2)+" MB":a.toFixed(2)+" KB"}function i(a){var t,r,o=[],s=(o="string"==jQuery.type(a)?a.split("&"):e.param(a).split("&")).length,i=[];for(t=0;ta.maxFileSize)a.showError&&e("
"+r[o].name+" "+a.sizeErrorStr+s(a.maxFileSize)+"
").appendTo(t.errorLog);else if(-1!=a.maxFileCount&&t.selectedFiles>=a.maxFileCount)a.showError&&e("
"+r[o].name+" "+a.maxFileCountErrorStr+a.maxFileCount+"
").appendTo(t.errorLog);else{t.selectedFiles++,t.existingFileNames.push(r[o].name);var l=e.extend({},a),u=new FormData,p=a.fileName.replace("[]","");u.append(p,r[o]);var c=a.formData;if(c)for(var h=i(c),f=0;f");C.appendTo("body");var b=[];b.push(r[o].name),v(C,l,w,b,t,r[o]),t.fileCounter++}else a.showError&&e("
"+r[o].name+" "+a.duplicateErrorStr+"
").appendTo(t.errorLog);else a.showError&&e("
"+r[o].name+" "+a.extErrorStr+a.allowedTypes+"
").appendTo(t.errorLog)}function n(e,a,t){var r=a.allowedTypes.toLowerCase().split(/[\s,]+/g),o=t.split(".").pop().toLowerCase();return!("*"!=a.allowedTypes&&jQuery.inArray(o,r)<0)}function d(e,a){var t=!1;if(e.existingFileNames.length)for(var r=0;r"),u="";o.multiple&&(o.fileName.indexOf("[]")!=o.fileName.length-2&&(o.fileName+="[]"),u="");var p=e(u).appendTo(d);p.change(function(){t.errorLog.html("");o.allowedTypes.toLowerCase().split(",");var i=[];if(this.files){for(g=0;g"+u+" "+o.extErrorStr+o.allowedTypes+"").appendTo(t.errorLog));if(p.push({name:u,size:"NA"}),0==o.onSelect(p))return}if(c(o,t),s.unbind("click"),d.hide(),h(t,r,o,s),d.addClass(r),o.serialize&&a.fileapi&&a.formdata){d.removeClass(r);var f=this.files;d.remove(),l(o,t,f)}else{for(var w="",g=0;g":w+=i[g]+"
",t.fileCounter++;if(-1!=o.maxFileCount&&t.selectedFiles+i.length>o.maxFileCount)return void(o.showError&&e("
"+w+" "+o.maxFileCountErrorStr+o.maxFileCount+"
").appendTo(t.errorLog));t.selectedFiles+=i.length;var C=new m(t,o);C.filename.html(w),v(d,o,C,i,t,null)}}),o.nestedForms?(d.css({margin:0,padding:0}),s.css({position:"relative",overflow:"hidden",cursor:"default"}),p.css({position:"absolute",cursor:"pointer",top:"0px",width:"100%",height:"100%",left:"0px","z-index":"100",opacity:"0.0",filter:"alpha(opacity=0)","-ms-filter":"alpha(opacity=0)","-khtml-opacity":"0.0","-moz-opacity":"0.0"}),d.appendTo(s)):(d.appendTo(e("body")),d.css({margin:0,padding:0,display:"block",position:"absolute",left:"-250px"}),-1!=navigator.appVersion.indexOf("MSIE ")?s.attr("for",i):s.click(function(){p.click()}))}function f(a,t){return this.statusbar=e("
").width(t.statusBarWidth),this.preview=e("").width(t.previewWidth).height(t.previewHeight).appendTo(this.statusbar).hide(),this.filename=e("
").appendTo(this.statusbar),this.progressDiv=e("
").appendTo(this.statusbar).hide(),this.progressbar=e("
").appendTo(this.progressDiv),this.abort=e("
"+t.abortStr+"
").appendTo(this.statusbar).hide(),this.cancel=e("
"+t.cancelStr+"
").appendTo(this.statusbar).hide(),this.done=e("
"+t.doneStr+"
").appendTo(this.statusbar).hide(),this.download=e("
"+t.downloadStr+"
").appendTo(this.statusbar).hide(),this.del=e("
"+t.deleteStr+"
").appendTo(this.statusbar).hide(),this.abort.addClass("ajax-file-upload-red"),this.done.addClass("ajax-file-upload-green"),this.download.addClass("ajax-file-upload-green"),this.cancel.addClass("ajax-file-upload-red"),this.del.addClass("ajax-file-upload-red"),this}function m(a,t){var r=null;return(r=t.customProgressBar?new t.customProgressBar(a,t):new f(a,t)).abort.addClass(a.formGroup),r.abort.addClass(t.abortButtonClass),r.cancel.addClass(a.formGroup),r.cancel.addClass(t.cancelButtonClass),t.extraHTML&&(r.extraHTML=e("
"+t.extraHTML()+"
").insertAfter(r.filename)),"bottom"==t.uploadQueueOrder?e(a.container).append(r.statusbar):e(a.container).prepend(r.statusbar),r}function v(t,o,s,l,n,d){var h={cache:!1,contentType:!1,processData:!1,forceSync:!1,type:o.method,data:o.formData,formData:o.fileData,dataType:o.returnType,headers:o.headers,beforeSubmit:function(a,r,d){if(0!=o.onSubmit.call(this,l)){if(o.dynamicFormData){var p=i(o.dynamicFormData());if(p)for(var h=0;h"+o.uploadErrorStr+"
"),s.cancel.show(),t.remove(),s.cancel.click(function(){x.splice(x.indexOf(t),1),u(n,l),s.statusbar.remove(),o.onCancel.call(n,l,s),n.selectedFiles-=l.length,c(o,n)}),!1},beforeSend:function(e,t){for(var r in t.headers)e.setRequestHeader(r,t.headers[r]);s.progressDiv.show(),s.cancel.hide(),s.done.hide(),o.showAbort&&(s.abort.show(),s.abort.click(function(){u(n,l),e.abort(),n.selectedFiles-=l.length,o.onAbort.call(n,l,s)})),a.formdata?s.progressbar.width("1%"):s.progressbar.width("5%")},uploadProgress:function(e,a,t,r){r>98&&(r=98);var i=r+"%";r>1&&s.progressbar.width(i),o.showProgress&&(s.progressbar.html(i),s.progressbar.css("text-align","center"))},success:function(a,r,i){if(s.cancel.remove(),F.pop(),"json"==o.returnType&&"object"==e.type(a)&&a.hasOwnProperty(o.customErrorKeyStr)){s.abort.hide();var d=a[o.customErrorKeyStr];return o.onError.call(this,l,200,d,s),o.showStatusAfterError?(s.progressDiv.hide(),s.statusbar.append("ERROR: "+d+"")):(s.statusbar.hide(),s.statusbar.remove()),n.selectedFiles-=l.length,void t.remove()}n.responses.push(a),s.progressbar.width("100%"),o.showProgress&&(s.progressbar.html("100%"),s.progressbar.css("text-align","center")),s.abort.hide(),o.onSuccess.call(this,l,a,i,s),o.showStatusAfterSuccess?(o.showDone?(s.done.show(),s.done.click(function(){s.statusbar.hide("slow"),s.statusbar.remove()})):s.done.hide(),o.showDelete?(s.del.show(),s.del.click(function(){u(n,l),s.statusbar.hide().remove(),o.deleteCallback&&o.deleteCallback.call(this,a,s),n.selectedFiles-=l.length,c(o,n)})):s.del.hide()):(s.statusbar.hide("slow"),s.statusbar.remove()),o.showDownload&&(s.download.show(),s.download.click(function(){o.downloadCallback&&o.downloadCallback(a,s)})),t.remove()},error:function(e,a,r){s.cancel.remove(),F.pop(),s.abort.hide(),"abort"==e.statusText?(s.statusbar.hide("slow").remove(),c(o,n)):(o.onError.call(this,l,a,r,s),o.showStatusAfterError?(s.progressDiv.hide(),s.statusbar.append("ERROR: "+r+"")):(s.statusbar.hide(),s.statusbar.remove()),n.selectedFiles-=l.length),t.remove()}};o.showPreview&&null!=d&&"image"==d.type.toLowerCase().split("/").shift()&&p(d,s.preview),o.autoSubmit?(t.ajaxForm(h),x.push(t),r()):(o.showCancel&&(s.cancel.show(),s.cancel.click(function(){x.splice(x.indexOf(t),1),u(n,l),t.remove(),s.statusbar.remove(),o.onCancel.call(n,l,s),n.selectedFiles-=l.length,c(o,n)})),t.ajaxForm(h))}var w=e.extend({url:"",method:"POST",enctype:"multipart/form-data",returnType:null,allowDuplicates:!0,duplicateStrict:!1,allowedTypes:"*",acceptFiles:"*",fileName:"file",formData:!1,dynamicFormData:!1,maxFileSize:-1,maxFileCount:-1,multiple:!0,dragDrop:!0,autoSubmit:!0,showCancel:!0,showAbort:!0,showDone:!1,showDelete:!1,showError:!0,showStatusAfterSuccess:!0,showStatusAfterError:!0,showFileCounter:!0,fileCounterStyle:"). ",showFileSize:!0,showProgress:!1,nestedForms:!0,showDownload:!1,onLoad:function(e){},onSelect:function(e){return!0},onSubmit:function(e,a){},onSuccess:function(e,a,t,r){},onError:function(e,a,t,r){},onCancel:function(e,a){},onAbort:function(e,a){},downloadCallback:!1,deleteCallback:!1,afterUploadAll:!1,serialize:!0,sequential:!1,sequentialCount:2,customProgressBar:!1,abortButtonClass:"ajax-file-upload-abort",cancelButtonClass:"ajax-file-upload-cancel",dragDropContainerClass:"ajax-upload-dragdrop",dragDropHoverClass:"state-hover",errorClass:"ajax-file-upload-error",uploadButtonClass:"ajax-file-upload",dragDropStr:"Drag & Drop Files",uploadStr:"Upload",abortStr:"Abort",cancelStr:"Cancel",deleteStr:"Delete",doneStr:"Done",multiDragErrorStr:"Multiple File Drag & Drop is not allowed.",extErrorStr:"is not allowed. Allowed extensions: ",duplicateErrorStr:"is not allowed. File already exists.",sizeErrorStr:"is not allowed. Allowed Max size: ",uploadErrorStr:"Upload is not allowed",maxFileCountErrorStr:" is not allowed. Maximum allowed files are:",downloadStr:"Download",customErrorKeyStr:"jquery-upload-file-error",showQueueDiv:!1,statusBarWidth:400,dragdropWidth:400,showPreview:!1,previewHeight:"auto",previewWidth:"100%",extraHTML:!1,uploadQueueOrder:"top",headers:{}},t);this.fileCounter=1,this.selectedFiles=0;var g="ajax-file-upload-"+(new Date).getTime();this.formGroup=g,this.errorLog=e("
"),this.responses=[],this.existingFileNames=[],a.formdata||(w.dragDrop=!1),a.formdata&&1!==w.maxFileCount||(w.multiple=!1),e(this).html("");var C=this,b=e("
"+w.uploadStr+"
");e(b).addClass(w.uploadButtonClass),function a(){if(e.fn.ajaxForm){if(w.dragDrop){var t=e('
').width(w.dragdropWidth);e(C).append(t),e(t).append(b),e(t).append(e(w.dragDropStr)),o(C,w,t)}else e(C).append(b);e(C).append(C.errorLog),w.showQueueDiv?C.container=e("#"+w.showQueueDiv):C.container=e("
").insertAfter(e(C)),w.onLoad.call(this,C),h(C,g,w,b)}else window.setTimeout(a,10)}(),this.startUpload=function(){e("form").each(function(a,t){e(this).hasClass(C.formGroup)&&x.push(e(this))}),x.length>=1&&r()},this.getFileCount=function(){return C.selectedFiles},this.stopUpload=function(){e("."+w.abortButtonClass).each(function(a,t){e(this).hasClass(C.formGroup)&&e(this).click()}),e("."+w.cancelButtonClass).each(function(a,t){e(this).hasClass(C.formGroup)&&e(this).click()})},this.cancelAll=function(){e("."+w.cancelButtonClass).each(function(a,t){e(this).hasClass(C.formGroup)&&e(this).click()})},this.update=function(a){w=e.extend(w,a),a.hasOwnProperty("url")&&e("form").each(function(t,r){e(this).attr("action",a.url)})},this.enqueueFile=function(e){e instanceof File&&l(w,C,[e])},this.reset=function(e){C.fileCounter=1,C.selectedFiles=0,C.errorLog.html(""),0!=e&&C.container.html("")},this.remove=function(){C.container.html(""),e(C).remove()},this.createProgress=function(e,a,t){var r=new m(this,w);r.progressDiv.show(),r.progressbar.width("100%");var o="";return o=w.showFileCounter?C.fileCounter+w.fileCounterStyle+e:e,w.showFileSize&&(o+=" ("+s(t)+")"),r.filename.html(o),C.fileCounter++,C.selectedFiles++,w.showPreview&&(r.preview.attr("src",a),r.preview.show()),w.showDownload&&(r.download.show(),r.download.click(function(){w.downloadCallback&&w.downloadCallback.call(C,[e],r)})),w.showDelete&&(r.del.show(),r.del.click(function(){r.statusbar.hide().remove();var a=[e];w.deleteCallback&&w.deleteCallback.call(this,a,r),C.selectedFiles-=1,c(w,C)})),r},this.getResponses=function(){return this.responses};var x=[],F=[],D=!1;return this}}(jQuery); \ No newline at end of file diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..ce5170a --- /dev/null +++ b/static/style.css @@ -0,0 +1,74 @@ +.ajax-file-upload-container { + display: none; +} + +#fileuploader { + width:100%; +} +.ajax-upload-dragdrop { + height:200px; +} +.ajax-file-upload { + margin-left:auto; + margin-right:auto; +} + +#loading{ + margin:0; + padding:0; + display:none; + width:100%; + position:fixed; +} +#fileuploader { + margin-top:10%; +} +#relink{ + display: none; + margin-top:36px; +} +#relink lable{ + color:#2BD5AA; + padding:10px; +} +#msg{ + margin:0; + padding:0; + width:100%; + position:fixed; + display: none; + z-index: 100; + top:60px; +} +.msg{ + color:green; + border:1px solid #EFEFEF; + background-color:#E6E6E6; + text-align:center; + padding:12px; + border-radius:5px; + width:16%; + margin:auto; + font-size:16px; +} +#img-box{ + margin-bottom:20px; +} +#menu{ + margin:0; + padding:0; + width:100%; + background-color:#222222; +} +#menu .navbar { + margin-bottom:0; +} + +#footer{ + width:100%; + background-color: #F5F5F5; + color:#999999; + position:fixed; + bottom:0; + padding:14px; +} \ No newline at end of file diff --git a/static/uploadfile.css b/static/uploadfile.css new file mode 100644 index 0000000..e22bafb --- /dev/null +++ b/static/uploadfile.css @@ -0,0 +1,146 @@ +.ajax-file-upload-statusbar { +border: 1px solid #0ba1b5; +margin-top: 10px; +width: 420px; +margin-right: 10px; +margin: 5px; +-moz-border-radius: 4px; +-webkit-border-radius: 4px; +border-radius: 4px; +padding: 5px 5px 5px 15px +} + +.ajax-file-upload-filename { +width: 300px; +height: auto; +margin: 0 5px 5px 0px; + +} + +.ajax-file-upload-filesize { +width: 50px; +height: auto; +margin: 0 5px 5px 0px; +display: inline-block; +vertical-align:middle; +} +.ajax-file-upload-progress { +margin: 5px 10px 5px 0px; +position: relative; +width: 250px; +border: 1px solid #ddd; +padding: 1px; +border-radius: 3px; +display: inline-block; +color:#FFFFFF; + +} +.ajax-file-upload-bar { +background-color: #0ba1b5; +width: 0; +height: 20px; +border-radius: 3px; +color:#FFFFFF; + +} +.ajax-file-upload-percent { +position: absolute; +display: inline-block; +top: 3px; +left: 48% +} +.ajax-file-upload-red { +-moz-box-shadow: inset 0 39px 0 -24px #e67a73; +-webkit-box-shadow: inset 0 39px 0 -24px #e67a73; +box-shadow: inset 0 39px 0 -24px #e67a73; +background-color: #e4685d; +-moz-border-radius: 4px; +-webkit-border-radius: 4px; +border-radius: 4px; +display: inline-block; +color: #fff; +font-family: arial; +font-size: 13px; +font-weight: normal; +padding: 4px 15px; +text-decoration: none; +text-shadow: 0 1px 0 #b23e35; +cursor: pointer; +vertical-align: top; +margin: 5px 10px 5px 0px; +} +.ajax-file-upload-green { +background-color: #77b55a; +-moz-border-radius: 4px; +-webkit-border-radius: 4px; +border-radius: 4px; +margin: 0; +padding: 0; +display: inline-block; +color: #fff; +font-family: arial; +font-size: 13px; +font-weight: normal; +padding: 4px 15px; +text-decoration: none; +cursor: pointer; +text-shadow: 0 1px 0 #5b8a3c; +vertical-align: top; +margin: 5px 10px 5px 0px; +} +.ajax-file-upload { + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + font-weight: bold; + padding: 15px 20px; + cursor:pointer; + line-height:20px; + height:25px; + margin:0 10px 10px 0; + display: inline-block; + background: #fff; + border: 1px solid #e8e8e8; + color: #888; + text-decoration: none; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -moz-box-shadow: 0 2px 0 0 #e8e8e8; + -webkit-box-shadow: 0 2px 0 0 #e8e8e8; + box-shadow: 0 2px 0 0 #e8e8e8; + padding: 6px 10px 4px 10px; + color: #fff; + background: #2f8ab9; + border: none; + -moz-box-shadow: 0 2px 0 0 #13648d; + -webkit-box-shadow: 0 2px 0 0 #13648d; + box-shadow: 0 2px 0 0 #13648d; + vertical-align: middle; + } + +.ajax-file-upload:hover { + background: #3396c9; + -moz-box-shadow: 0 2px 0 0 #15719f; + -webkit-box-shadow: 0 2px 0 0 #15719f; + box-shadow: 0 2px 0 0 #15719f; +} + +.ajax-upload-dragdrop +{ + + border:2px dotted #A5A5C7; + width:420px; + color: #DADCE3; + text-align:left; + vertical-align:middle; + padding:10px 10px 0px 10px; +} + +.state-hover +{ + border:2px solid #A5A5C7; +} +.ajax-file-upload-container +{ + margin:20px 0px 20px 0px; +} \ No newline at end of file diff --git a/upload.php b/upload.php new file mode 100644 index 0000000..9b479fd --- /dev/null +++ b/upload.php @@ -0,0 +1,103 @@ + 0) + { + echo "Return Code: " . $_FILES["file"]["error"] . "
"; + } + else { + //如果上传成功 + if(move_uploaded_file($img_tmp,$dir_name)){ + //设置自己的TinyPNG API KEY + // Tinify\setKey("TinyPNG API KEY"); + //Tinify\fromFile($dir_name)->toFile($dir_name); + //请在下面设置您自己的域名 + $img_url = $config['domain'].$dir_name; //自定义图片路径 + $img_info = getimagesize($dir_name); + $img_width = $img_info['0']; //图片宽度 + $img_height = $img_info['1']; //图片高度 + $re_data = array("linkurl" => $img_url,width => $img_width,"height" => $img_height,"status" => 'ok'); + //返回json格式 + echo json_encode($re_data); + } + //没有上传成功 + else{ + echo md5("360baidu103.jpg"); + } + } + } + else{ + $re_data = array("linkurl" => $img_url,width => $img_width,"height" => $img_height,"status" => 'no'); + //返回json格式 + echo json_encode($re_data); + } +?> \ No newline at end of file