七牛云提供的空間還是很不錯的。最近閑來無事,看了下七牛的相關東西,現把圖片上傳的部分記錄一下

使用七牛云需要自己注冊賬號,這個就不再贅述,很簡單的

申請好空間之后,上傳需要一個上傳憑證,七牛真的很體貼,已經把各種語言的上傳憑證生成代碼都寫了demo,直接選擇你喜歡的用就好

require 'qiniu'

# 生成七牛云的上傳文件憑證(token)

# 配置信息AK SK

Qiniu.establish_connection! access_key:'你的AK',

secret_key:'你的SK'

# 上傳的空間名字

bucket = '上傳空間的名字'

put_police = Qiniu::Auth::PutPolicy.new(bucket) # 上傳策略

upload_token = Qiniu::Auth::generate_uptoken(put_police) # 生成token

p upload_token

客戶端上傳js代碼就簡單了,頁面隨手做的,只看功能就好,樣子忽略吧......

上傳

function uploadFile(){

var xhr = new XMLHttpRequest()

var formData = new FormData(document.getElementById('formImg'))

formData.append('token','生成的上傳token')

xhr.open('post','http://upload.qiniu.com/')

xhr.send(formData)

xhr.onreadystatechange = function(e){

if(xhr.readyState == 4){

console.log(xhr)

var res = JSON.parse(xhr.response)

}

}

}

總結

以上是生活随笔為你收集整理的七牛上传图片html,使用七牛云上传图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。