DjangoUeditor 使用七牛雲存儲

時間 2019-11-17

標籤 djangoueditor 使用七牛 7牛存儲简体版

原文原文鏈接

DjangoUeditor 是一個至關讚的django 富文本編輯器，你能夠在前端

https://github.com/zhangfisher/DjangoUeditorpython

查看相關信息。git

我一直想着把DjangoUeditor 的圖片和文件存儲修改成七牛雲存儲，但又以爲本身js水平太菜，因此就一直拖延到如今，github

其實我根本沒改js。npm

好了，下面不廢話，開始。django

1、文件上傳到七牛七牛雲存儲

在修改 DjangoUeditor 存儲到七牛以前，我第一步要嘗試的，就是本地文件上傳到七牛。編輯器

這一步須要七牛的sdk函數

https://github.com/qiniu/python-sdk/releasesui

你能夠用

pip install qiniu

安裝。

 1 >>> access_key = 'your ak '
 2 >>> secret_key = 'your sk'
 3 >>> bucket_name = 'your bucket name'
 4 
 5 >>> from qiniu import Auth,put_file
 6 >>> q = Auth(access_key, secret_key)
 7 >>> PostFile = 'images/Koala_20141220231309_308.jpg'
 8 
 9 #PostFile  爲上傳後所表明的文件及路徑
10 
11 >>> token = q.upload_token(bucket_name, PostFile)
12 >>> FilePath = 'C:\\Users\\r3call\\Pictures\\Zhuoku001.jpg'
13 
14 # FilePath 爲本地文件路徑
15 >>> ret, info = put_file(token, PostFile, FilePath)
16 >>> ret
17 {u'hash': u'Fnpm2Sxt4_oiXtVdG8bONBsnIUAD', u'key': u'images/Koala_20141220231309_308.jpg'}

一旦上傳成功， ret這個字典就會存在名爲key的key，咱們檢測這個key就能夠判斷是否上傳成功。

2、DjangoUeditor 上傳文件到七牛

既然第一步已經成功了，咱們就有但願上傳文件到七牛，我首先找到了DjangoUeditor 的處理文件上傳的函數。

這裏說說我查找的步驟：

1.找到urls.py

url(r'^controller/$',get_ueditor_controller)

二、這樣我知道函數叫作get_ueditor_controller，那麼我到views.py中查找

而後我找到了一個函數叫作 UploadFile ，這個函數對文件上傳進行了檢測和存儲

其中

state=save_upload_file(file,os.path.join(OutputPath,OutputFile))

是真正處理文件存儲的函數，咱們來看看代碼

 1 #保存上傳的文件
 2 def save_upload_file(PostFile,FilePath):
 3     try:
 4         f = open(FilePath, 'wb')
 5         for chunk in PostFile.chunks():
 6             f.write(chunk)
 7     except Exception,E:
 8         f.close()
 9         return u"寫入文件錯誤:"+ E.message
10     f.close()
11     return u"SUCCESS"

我要把文件上傳到七牛，就須要仿照這個函數對文件進行處理。

因而我編寫了一個函數以下：

 1 #保存上傳文件到七牛
 2 def save_upload_file_to_qiniu(upload_file,key):
 3     access_key = 'your ak'
 4     secret_key = 'your sk'
 5     bucket_name = 'your bucket name'
 6     try:
 7         from qiniu import Auth,put_file,put_data
 8         q = Auth(access_key, secret_key)
 9         token = q.upload_token(bucket_name, key)
10         # ret, info = put_file(token, key, upload_file)
11         ret, info = put_data(token, key, upload_file)
12         if ret.get('key',None) == None:
13             raise Exception('upload error')
14         else:
15             return u"SUCCESS"
16     except Exception, e:
17         print(str(e))
18         return str(e)

這個函數寫好以後，我要在哪裏調用呢？

state=save_upload_file(file,os.path.join(OutputPath,OutputFile))

我把這裏修改成

state= save_upload_file_to_qiniu(file,OutputPathFormat)

其中file是上傳過來的圖片，

OutputPathFormat 是生成圖片的文件路徑，相似於 images/Penguins_20141221001519_634.jpg

文件上傳以後，調用save_upload_file_to_qiniu 對文件進行存儲，若是成功，就會返回 SUCCESS，咱們把結果返回。

原始返回信息以下

1     return_info = {
2         'url': urllib.basejoin(USettings.gSettings.MEDIA_URL , OutputPathFormat) ,                # 保存後的文件名稱
3         'original': upload_file_name,                  #原始文件名
4         'type': upload_original_ext,
5         'state': state,                         #上傳狀態，成功時返回SUCCESS,其餘任何值將原樣返回至圖片上傳框中
6         'size': upload_file_size
7     }

在返回以前，咱們還須要定義一個變量

QINIU_BUCKET_DOMAIN = 'http://hello.qiniudn.com/'

這樣，QINIU_BUCKET_DOMAIN 和 OutputPathFormat 鏈接起來，就是一個完整的文件 URL 地址，相似於

http://hello.qiniudn.com/images/Penguins_20141221001519_634.jpg

咱們只須要返回這個URL 給前端便可

 1     #返回數據
 2     QINIU_BUCKET_DOMAIN = 'http://hello.qiniudn.com/'
 3     return_info = {
 4         # 'url': urllib.basejoin(USettings.gSettings.MEDIA_URL , OutputPathFormat) ,                # 保存後的文件名稱
 5         'url': urllib.basejoin(QINIU_BUCKET_DOMAIN , OutputPathFormat) ,                # 保存後的文件名稱
 6         'original': upload_file_name,                  #原始文件名
 7         'type': upload_original_ext,
 8         'state': state,                         #上傳狀態，成功時返回SUCCESS,其餘任何值將原樣返回至圖片上傳框中
 9         'size': upload_file_size
10     }