通过异步上传图片到新浪图床，并且获取图片外链地址。
一、填坑
1.页面中必须引用jquery库，否则没办法实现异步请求，这里使用的百度的jquery库。
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
2.相关资料连接
新浪图床上传接口源码
有部分人拿到这个接口源码并不会使用，起初我也不是很明白，也是慢慢搞懂的，感谢接口作者的分享。
相关推荐：《php教程》
二、实现代码
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、mw1024、mw2048、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.baidu.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>
三、图
1.选择一张图片
2.点击上传后显示的
以上就是php-ajax实现异步上传图片到新浪图床的详细内容。