经过异步上传图片到新浪图床,而且猎取图片外链地点。
1、填坑
1.页面中必需援用Jquery库,不然没方法完成异步申请,这里应用的baidu的Jquery库。
<script src="http://libs.百度.com/jquery/2.1.4/jquery.min.js"></script>
2.相干材料衔接
新浪图床上传接口源码
有局部人拿到这个接口源码其实不会应用,后来我也没有是很明确,也是缓缓搞懂的,感激接口作者的分享。
相干保举:《PHP教程》
2、完成代码
1.图床接口源码,只要要修正源码外面的帐号明码便可,其它不必修正 。
文件名:imgfile.php
<?php /** * 上传图片到微博图床 * @author Youngxj & mengkun & 阿珏 * @param $file 图片文件/图片url * @param $multipart 能否采纳multipart形式上传 * @return 前往的json数据 * @code 200:失常;201:谬误;203:cookie猎取失败;404:请勿间接拜访 * @ps 图片尺寸可供抉择:square、thumb150、orj360、orj480、mw690、mw102四、mw204八、small、bmiddle、large 默许为:thumb150,请自行交换 */ header("Access-Control-Allow-Origin:*"); header('Content-type: application/json'); error_reporting(0); //设置新浪帐号明码------------------------ $sinauser = '1111111111'; //账号 $sinapwd = '2222222222';//明码 //-------------------------------------- if (!is_file('sina_config.php')) { CookieSet('SUB;','0'); } include 'sina_config.php'; if (time() - $config['time'] >20*3600||$config['cookie']=='SUB;') { $cookie = login($sinauser,$sinapwd); if($cookie&&$cookie!='SUB;'){ CookieSet($cookie,$time = time()); }else{ return error('203','猎取cookie呈现谬误,请反省账号状态或许从新猎取cookie'); } } if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {exit;} $type=$_GET['type']; if($type=='multipart'){ $multipart = true; $file = $_FILES["file"]["tmp_name"]; }elseif(isset($_GET['img'])){ $multipart = false; $file = $_GET['img']; }else{ return error('404','请勿间接拜访'); } if (isset($file) && $file != "") { include 'sina_config.php'; $cookie = $config['cookie']; echo upload($file, $multipart,$cookie); }else{ return error('201','上传谬误'.$file."末端"); } function CookieSet($cookie,$time){ $newConfig = '<?php $config = array( "cookie" => "'.$cookie.'", "time" => "'.$time.'", );'; @file_put_contents('sina_config.php', $newConfig); } function error($code,$msg){ $arr = array('code'=>$code,'msg'=>$msg); echo json_encode($arr); } /** * 新浪微博登录(无加密接口版本) * @param string $u 用户名 * @param string $p 明码 * @return string 前往最有用最精简的cookie */ function login($u,$p){ $loginUrl = 'https://login.sina.com.cn/sso/login.php?client=ssologin.js(v1.4.15)&_=1403138799543'; $loginData['entry'] = 'sso'; $loginData['gateway'] = '1'; $loginData['from'] = 'null'; $loginData['savestate'] = '30'; $loginData['useticket'] = '0'; $loginData['pagerefer'] = ''; $loginData['vsnf'] = '1'; $loginData['su'] = base64_encode($u); $loginData['service'] = 'sso'; $loginData['sp'] = $p; $loginData['sr'] = '1920*1080'; $loginData['encoding'] = 'UTF-8'; $loginData['cdult'] = '3'; $loginData['domain'] = 'sina.com.cn'; $loginData['prelt'] = '0'; $loginData['returntype'] = 'TEXT'; return loginPost($loginUrl,$loginData); } /** * 发送微博登录申请 * @param string $url 接口地点 * @param array $data 数据 * @return json 算了,仍是前往cookie吧//前往登录胜利后的用户信息json */ function loginPost($url,$data){ $tmp = ''; if(is_array($data)){ foreach($data as $key =>$value){ $tmp .= $key."=".$value."&"; } $post = trim($tmp,"&"); }else{ $post = $data; } $ch = curl_init(); curl_setopt($ch,CURLOPT_URL,$url); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch,CURLOPT_HEADER,1); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($ch,CURLOPT_POST,1); curl_setopt($ch,CURLOPT_POSTFIELDS,$post); $return = curl_exec($ch); curl_close($ch); return 'SUB' . getSubstr($return,"Set-Cookie: SUB",'; ') . ';'; } /** * 取本文两头 */ function getSubstr($str,$leftStr,$rightStr){ $left = strpos($str, $leftStr); //echo '右边:'.$left; $right = strpos($str, $rightStr,$left); //echo '<br>左边:'.$right; if($left <= 0 or $right < $left) return ''; return substr($str, $left + strlen($leftStr), $right-$left-strlen($leftStr)); } function upload($file, $multipart = true,$cookie) { $url = 'http://picupload.service.weibo.com/interface/pic_upload.php'.'?mime=image%2Fjpeg&data=base64&url=0&markpos=1&logo=&nick=0&marks=1&app=miniblog'; if($multipart) { $url .= '&cb=http://weibo.com/aj/static/upimgback.html?_wv=5&callback=STK_ijax_'.time(); if (class_exists('CURLFile')) { // php 5.5 $post['pic1'] = new \CURLFile(realpath($file)); } else { $post['pic1'] = '@'.realpath($file); } } else { $post['b64_data'] = base64_encode(file_get_contents($file)); } // Curl提交 $ch = curl_init($url); curl_setopt_array($ch, array( CURLOPT_POST => true, CURLOPT_VERBOSE => true, CURLOPT_RETURNTRANSFER => true, CURLOPT_HTTPHEADER => array("Cookie: $cookie"), CURLOPT_POSTFIELDS => $post, )); $output = curl_exec($ch); curl_close($ch); // 正则表白式提取前往后果中的json数据 preg_match('/({.*)/i', $output, $match); if(!isset($match[1])) return error('201','上传谬误'); $a=json_decode($match[1],true); $width = $a['data']['pics']['pic_1']['width']; $size = $a['data']['pics']['pic_1']['size']; $height = $a['data']['pics']['pic_1']['height']; $pid = $a['data']['pics']['pic_1']['pid']; if(!$pid){return error('201','上传谬误');} $arr = array('code'=>'200','width'=>$width,"height"=>$height,"size"=>$size,"pid"=>$pid,"url"=>"http://ws3.sinaimg.cn/thumb150/".$pid.".jpg"); return json_encode($arr); } ?>
2.简略的图片文件上传页面(无需php环境)
文件名:upfile.html
<html> <body> <head> <!--设置编码--> <meta charset="UTF-8"> <!--援用jquery库--> <script src="http://libs.百度.com/jquery/2.1.4/jquery.min.js"></script> </head> <div id="result">显示后果</div> <br /> <!--上传图片抉择框--> <input type="file" id="imgfile" /> <br /> <!--上传图片按钮,这里绑定了点击事情,详细性能是正在upload外面完成的--> <input type="button" "upload()" value="上传" /> <script> function upload() { var formData = new FormData(); /*第一个参数file没有要修正,这个以及imgfile.php外面file参数对应(会php的看下就晓得了) *第二个参数取的是上传的图片,假如要修正只要要改#imgfile,这个是上传图片抉择框的id,用来抉择你要经过阿谁文件抉择框上传 */ formData.append('file', $("#imgfile")[0].files[0]); $.ajax({ // url: "http://api.916b.cn/upfile.php?type=multipart", //下面是我效劳器上的接口文件,需求应用本人的用上面的 url: "imgfile.php?type=multipart",//imgfile.php文件以及本页面放正在一个文件夹中 type: "post", data: formData, contentType: false, processData: false, mimeType: "multipart/form-data", dataType:'json', success: function (data) { /*前往的data数据是这样的 * {"code":"200","width":144,"height":144,"size":6359,"pid":"006m7Gcrly1g260lwasnzj304004074e","url":"http:\/\/ws3.sinaimg.cn\/thumb150\/006m7Gcrly1g260lwasnzj304004074e.jpg"} */ /*这里有个坑,假如下面没有界说dataType:'json',上面这行就不克不及正文掉,不然正在前面取数据时分会犯错。 是由于界说dataType:'json',则前面的数据就依照JSON类型解决,不然会依照字符串解决,数据值就取没有到,就要执行上面一段代码,将字符串转换成JSON数据 */ //data = jQuery.parseJSON(data);//将data解决成JSON数据 $("#result").html(data["url"]);//取url的值,并经过id为result的div显示到页面上 console.log(data);//管制台输入data,能够F12查看 }, error: function (data) { alert('接口申请失败') } }); } </script> </body> </html>
3、图
1.抉择一张图片
2.点击上传后显示的
以上就是PHP-Ajax完成异步上传图片到新浪图床的具体内容,更多请存眷资源魔其它相干文章!
标签: php php开发教程 php开发资料 php开发自学
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
抱歉,评论功能暂时关闭!