Ⅰ android客戶端怎樣用七牛上傳照片
相信很多開發者會把圖片存放到七牛上,我的web站點也是吧圖片存儲到七牛上,對於以圖片為主的站點,這樣可以節省很大帶寬。
將圖片上傳到七牛伺服器的重點就是獲得上傳憑證uploadToken,直接把AccessKey和Secret放到客戶端太不安全,容易被反編譯。所以需要在伺服器端根據AccessKey和Secret動態生成一個uploadToken,然後傳回到客戶端,客戶端通過這個uploadToken將圖片上傳到七牛伺服器。
第一、在伺服器端生成uploadToken
//將圖片上傳到七牛 start
$bucket='七牛空間名稱';
$expires = 3600;
$accessKey='去七牛查看';
$secretKey='去七牛查看';
$client = new QiniuClient($accessKey,$secretKey);
$flags = array();
$scope = $bucket;
$deadline = time() + $expires;
$flags['scope'] = $scope;
$flags['deadline'] = $deadline;
$flags['returnBody'] = null;
echo $client->uploadToken($flags);
這里注意一下bucket:七牛空間名稱和deadline:uploadToken失效時間,具體可查看一下官網上傳憑證介紹
uploadToken($flags)是自己封裝的用於生成上傳憑證的函數
public function uploadToken($flags) { if(!isset($flags['deadline'])) $flags['deadline'] = 3600 + time(); $encodedFlags = self::urlsafe_base64_encode(json_encode($flags)); $sign = hash_hmac('sha1', $encodedFlags, $this->secretKey, true); $encodedSign = self::urlsafe_base64_encode($sign); $token = $this->accessKey.':'.$encodedSign. ':' . $encodedFlags; return $token; }
public static function urlsafe_base64_encode($str){
$find = array("+","/");
$replace = array("-", "_");
return str_replace($find, $replace, base64_encode($str));
}
第二、下載qiniu-android-sdk-7.0.0.jar和android-async-http-1.4.6並導入項目
第三、android上傳圖片
由於Android4.0 以後不允許在主線程進行網路連接,所以需要新開個線程來獲取上傳憑證。
/*
* 上傳圖片到七牛
*/
private void uploadImg(){
new Thread(new Runnable(){
@Override
public void run() {
//獲得七牛上傳憑證uploadToken
String token=getUploadToken();
//手機SD卡圖片存放路徑
String imgPath="";
try {
imgPath=FileUtil.getBasePath()+ "/test.jpg";
} catch (IOException e) {
e.printStackTrace();
}
if(token!=null){
String data = imgPath;
//圖片名稱為當前日期+隨機數生成
String key = getRandomFileName();
UploadManager uploadManager = new UploadManager();
uploadManager.put(data, key, token,
new UpCompletionHandler() {
@Override
public void complete(String arg0, ResponseInfo info, JSONObject response) {
// TODO Auto-generated method stub
Log.i("qiniu", info.toString());
}
}, null);
}
else{
Log.i("fail", "上傳失敗");
}
}
}).start();
}
FileUtil.getBasePath()使用來獲取SD卡基本路徑,getRandomFileName()生成一個隨機數來命名上傳圖片,具體方法我在這就不寫了。
獲得上傳憑證的方法也很簡單,直接使用httpget和伺服器通信,獲得第一步中生成的數據即可。(注意10.0.2.2是模擬器提供的特殊IP,等同於在電腦端的環回測試IP127.0.0.1)
/*
* 獲得七牛上傳憑證uploadtoken
*/
private String getUploadToken()
{
HttpClient client = new DefaultHttpClient();
StringBuilder builder = new StringBuilder();
HttpGet myget = new HttpGet("http://10.0.0.2/test/getUploadToken.php");
try {
HttpResponse response = client.execute(myget);
BufferedReader reader = new BufferedReader(new InputStreamReader(
response.getEntity().getContent()));
for (String s = reader.readLine(); s != null; s = reader.readLine()) {
builder.append(s);
}
return builder.toString();
} catch (Exception e) {
Log.i("url response", "false");
e.printStackTrace();
return null;
}
}
通過LOG日誌可以看到Qiniu--success,說明上傳成功。
Ⅱ 安卓批量上傳圖片到七牛的兩種方法
安裝七牛SDK,因為我們項目需要每個文件必須要一個token,也可以獲取一個token然後客戶端自己用拼接key
註:如果自己拼接key最後是時間戳加上圖片的下標,不然容易因為上傳時間過快導致時間戳一樣,造成上傳失敗。當初寫iOS上傳自己拼接key的時候遇到過這個問題。
創建一個工具類QiNiuUploadUtil,
初始化七牛的上傳工具類UploadManager
然後創建回調介面QiNiuUploadCompletionHandler
因為本項目圖片多選都用PictureSelector選擇器所提上傳圖片數組 類型為LocalMedia,這個根據自己項目來改
Ⅲ 如何將圖片上傳到七牛雲平台
上一篇文章介紹了「如何將圖片上傳到Cloudinary雲平台?」
但是由於Cloudinary的伺服器在國外,所以上傳和讀取圖片的速度會很慢,不適合用作生產,因此有必要再介紹一下國內廣受歡迎的「七牛」雲平台。以及分步驟給大家介紹如何使用七牛。
各位可以使用我的邀請鏈接注冊: https://portal.qiniu.com/signup?code=3l7nsvonfkxn6
拜託!!!
我們這里添加的對象存儲空間叫做「gougouavatar」
其中的ACCESS_KEY和SECRET_KEY兩個參數來自於「個人中心」的「秘鑰管理」模塊:
_getQiniuToken()返回一個封裝promise函數,這個函數調用了後台生成簽名演算法的介面;
這個函數的回調里拿到了後台生成的key和其他參數;
最後調用_upload方法向七牛的上傳圖片的介面地址: http://upload.qiniu.com ,發送請求,上傳圖片;
最後的響應參數response.key即為圖片上傳成功之後的地址。
如:deae507d-73fd-4489-9d7f-d5fa275bcbe5.jpeg
想要訪問該圖片,還需拼接上七牛提供的測試域名:
經過測試,使用七牛進行上傳的速度確實很快,比國外的cloudinary要快上好幾倍,使用體驗還是很不錯的,大家可以放心使用。
Ⅳ Vue 上傳圖片到七牛雲實用攻略
vue 一般採用element 的upload 上傳圖片/文件。
首先,設定參數
參考Element upload 文檔
其次,如圖所示,重點在於domain和qiniuaddr兩個參數! 參考 七牛雲存儲圖片域名文檔
然後 上傳一定要先獲取到七牛雲token!我是採用axios post獲取。
接著,把返回的 file.name賦值給 key
this.QiNiuYun.key = `name_${file.name}`;
如圖 上傳成功/錯誤處理 函數
大功告成!
補充:
1. this.uploadImageUrl 這個變數實際上是 圖片真正的URL-----https地址!!!
2. 該方法是針對單圖上傳,如果想多圖 將data 內的參數 limit:1 修改為需要的圖片數量 !!!
3. 注意!當後台需要你傳遞多張圖片的url時,可採用 此方法!!!
//拼接 url
if(this.uploadImageList===''){
this.uploadImageList= this.uploadImageUrl;
}else{
this.uploadImageList=this.uploadImageList+';'+ this.uploadImageUrl;
}
Ⅳ 用php上傳圖片到七牛並返回url
我處理的過程是,圖片上傳到伺服器並進行尺寸和圖片質量壓縮,然後根據你制定的規則命個名字,初始化七牛給的那個上傳類,上傳文件,根據剛才命名和在七牛綁定的域名連接成URL並返回。代碼是寫到一個類里的,很多,不方便貼。
Ⅵ ThinkPHP6上傳圖片七牛雲 如何上傳文件到七牛雲對象儲存cos
ThinkPHP6 如何上傳圖片七牛雲,如何上傳文件到七牛雲對象儲存cos,總所周知圖片是特別消耗網站帶寬的,個人網站將圖片上傳至七牛雲才能顯著提升網站的響應速度,手把手交大家如何上配置ThinkPHP6上傳文件至七牛雲.
然後我們就可以使用 $url=Qiniu::upload($filePath,$filename); 傳入文件的相對路徑或絕對路徑加上文件名,在文件上傳成功後自動又將圖片上傳至七牛雲~
Ⅶ Swift使用七牛上傳圖片的一些坑
七牛隻有Objective-C的庫沒有Swift的庫 , 所以需要橋接。橋接的方法不用多少了,網上一大堆教程
七牛oc的SDK地址: http://developer.qiniu.com/docs/v6/sdk/objc-sdk.html
可以使用cocoaPods直接引入 pod "Qiniu", "~> 7.0"
因為七牛有使用AFNetworking 和 HanekeSwift 庫,所引入的時候要引入這兩個
一般微信、微博SDK橋接,我們直接簡單的這樣就行了
但是七牛你這樣導入 就會報錯 , 一直說找不到文件。
你需要這樣
現在好了,不報錯了。滿心歡喜的開始使用SDK, 我想上傳本地相冊的照片 , 用的PhotoKit拿到的是 PHAsset 對象 , 看了下官方的例子 :
一看就是傳入NSData類型的數據,傳入一個key ,繼續很happy的將它轉成swift的格式,info.statusCode 為200的時候是成功 。 然後根據自己的PHAsset拿到UIImage對象 , 將UIImage對象再轉成NSData類型的對象。傳入後返回statusCode 200很開心成功了。
然而 ,從伺服器down下來 ,圖片格式.81 .223之類的,什麼鬼不是成功了嗎。。。。。
好吧,伺服器返回的連接是亂的錯得。 去看七牛的API ,原來有各種put的方法 putFile , putPHAsset 。。。。等等 。尼瑪。還是太年輕呀。。
最後用了putPHAsset返回的連接還是錯的,最後看api說key可以為nil,這樣的話七牛隨機生成,我傳入了nil後,成功了。
token是從自己伺服器上取嗒。問題終於解決了,關鍵是網路居然沒搜到這樣問題。還是我太年輕。。。記錄下吧。