av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

python - <flask web>的flasky項目的頭像問題

瀏覽:114日期:2022-06-29 15:50:32

問題描述

怎么換成自定義的本地頭像呢? 有沒有實現的代碼 給個鏈接看看 謝謝

本地的圖片地址:./static/avatar/1.jpg-9.jpg

我的代碼是這樣的:

def gravatar(self, size=100, default=’identicon’, rating=’g’): import random return ’%d.jpg’ % random.randint(1, 9)

調用是這樣的:<img src='http://m.4tl426be.cn/wenda/{{ url_for(’static’, filename=’avatar/’) }}{{ current_user.avatar_hash }}'>

我這樣修改后 圖片是加載不出來的 為什么呢?

問題解答

回答1:

歡迎交流, 也在學 Flask, 不過我沒用書上 gavatar 的例子, 所以我也不太知道你的問題出在哪里...

關于本地頭像, 我這邊有個自己寫的半成品供參考, 實現了 ajax 異步上傳頭像到服務器. User 模型里添加了一個 avatar 字段, 存放頭像路由相應的 url 路徑, 通過訪問頭像路由得到頭像文件. 上傳的頭像根據用戶 id 每 AVATARS_PER_FOLDER 個頭像文件存放在 /static/img/avatr/n/ 中, 文件名是 u{id}.jpg.

時間關系我解釋的不太詳細, 歡迎交流~

backend 藍圖 - app/backend/views.py:

處理頭像上傳和返回頭像

@backend.route('/avatar/<int:id>', methods=['GET', 'POST'])def avatar(id): # 設置頭像存儲路徑 avatar_folder = current_app.config['UPLOAD_FOLDER'] + 'avatar/' # 按照 id 計算頭像存儲位置 r = id // current_app.config['AVATARS_PER_FOLDER'] save_location = avatar_folder + str(r) # jpg filename = 'u{}.jpg'.format(id) # 處理頭像上傳 # TODO: CSRF 保護 if request.method == 'POST' and request.is_xhr:# base64 -> imgimg_b64 = request.form.get('img')img_b64 = re.sub(r'data:image/.+;base64,', '', img_b64)img = Image.open(BytesIO(base64.b64decode(img_b64)))# 保存文件if not os.path.exists(save_location): os.mkdir(save_location)img.save(os.path.join(save_location, filename))# 更新數據庫u = User.query.get_or_404(id)u.avatar = url_for('backend.avatar', id=id)db.session.add(u)# 返回響應return jsonify(result='success')return send_from_directory(save_location, filename)

html 頁面 - app/templates/user_settings.html:

通過 ajax 處理頭像上傳和更新顯示

<p class='settings_avatar'> <a href='http://m.4tl426be.cn/wenda/9710.html#'><img alt='頭像' src='http://m.4tl426be.cn/wenda/{{ current_user.avatar }}'> </a> <input type='file' accept='image/*'></p>

這里使用 localResizeIMG 插件來壓縮圖像, 得到圖像的 base64 編碼, 傳入 upload_avatar() 函數異步上傳, 如果上傳成功, 更新頭像顯示

<script> $(function() {var URL_ROOT = {{ request.url_root | tojson | safe }};var id = {{ current_user.id }} $('#upload_avatar').on('change', function() { // 使用了 lrz(this.files[0]) .then(function (rst)upload_avatar(URL_ROOT, id, rst); }) .catch(function (err) {alert(err); }) .always(function () {});}) }) function upload_avatar(URL_ROOT, id, rst) {r = 'backend/avatar/' + id;$.post( URL_ROOT+r, {img: rst.base64, }, function(data) {if (data.result === 'success') { $('.settings_avatar .avatar .img-circle').attr('src', rst.base64);} }) }</script>

標簽: Python 編程
相關文章:
主站蜘蛛池模板: 国产精品国产三级国产aⅴ无密码 | 中文字幕日韩欧美 | 成人a在线 | 久久久噜噜噜久久中文字幕色伊伊 | 国产一区二区三区四区三区四 | 久久中文免费视频 | 麻豆久久久久久久 | 亚洲成网 | 日韩区 | 欧美视频中文字幕 | 日韩一区二区三区在线 | 粉嫩一区二区三区性色av | 久久久久久久久久久久久91 | 国产一级毛片精品完整视频版 | 中文日韩在线 | 久久久www成人免费精品张筱雨 | 亚洲精品视频久久 | 日本午夜免费福利视频 | 欧美一卡二卡在线观看 | 狠狠操操 | 国产一区二区三区不卡av | 成人在线观看免费 | 精品国产伦一区二区三区观看体验 | 亚洲男人天堂 | 国产成人小视频 | 韩日一区 | 国产成人午夜精品影院游乐网 | 九九福利 | 亚洲综合色站 | 久久免费精品 | 久久逼逼| 日韩在线不卡 | 99pao成人国产永久免费视频 | 欧美乱操 | 99精品免费在线观看 | 欧美亚洲一区二区三区 | 综合一区 | 午夜影院在线观看 | 国产一区二区三区免费 | 黑人性hd | 精品一区二区三区四区 |