日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

美图秀秀头像插件与七牛云结合

發(fā)布時(shí)間:2023/12/31 编程问答 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 美图秀秀头像插件与七牛云结合 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

美圖API說明文檔,非常好用,


**下載crossdomain.xml文件,把解壓出來的crossdomain.xml文件放在您保存圖片或圖片來源的服務(wù)器根目錄下,
比如: http://example.com.cn,那么crossdomain.xml的路徑為:http://example.com.cn/crossdomain.xml。
需要注意的是crossdomain.xml必須部署于站點(diǎn)根目錄下才有效, crossdomain.xml的目的是授權(quán)來自美圖域下的flash向您的站點(diǎn)上傳圖片或者從您的站點(diǎn)加載圖片
【備注】由于本地測(cè)試會(huì)被flash安全沙箱攔住,請(qǐng)自行搭建web服務(wù)器,在web 環(huán)境中測(cè)試。**


如果想要從七牛讀取圖片,需要在使用的空間中上傳一份crossdomain.xml

美圖官文檔非常清晰易懂,良心之作。

<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script><script type="text/javascript">var uptoken = $("input[name=token]").val();console.log(uptoken);window.onload=function(){/*第1個(gè)參數(shù)是加載編輯器div容器,第2個(gè)參數(shù)是編輯器類型,第3個(gè)參數(shù)是div容器寬,第4個(gè)參數(shù)是div容器高*/xiuxiu.embedSWF("altContent",5,"100%","100%");//修改為您自己的圖片上傳接口xiuxiu.setUploadURL("http://up.qiniu.com");xiuxiu.setUploadArgs({token:uptoken});xiuxiu.setUploadType(2);xiuxiu.setUploadDataFieldName("file");xiuxiu.onInit = function (){xiuxiu.loadPhoto("<{$pager.img}><{$MEMBER.face}>");//修改為要處理的圖片url}xiuxiu.onUploadResponse = function (data) {console.log(JSON.parse(data).key);$.ajax({url: "<{link ctl='ucenter/member:upload'}>",type: 'POST',data: {'uid': "<{$MEMBER.uid}>",'data[img]': JSON.parse(data).key,},success:function(response,status,xhr) {alert('上傳成功');}});}}</script><div id="altContent"></div>

總結(jié)

以上是生活随笔為你收集整理的美图秀秀头像插件与七牛云结合的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。