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

您的位置:首頁技術(shù)文章
文章詳情頁

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

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

問題描述

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

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

我的代碼是這樣的:

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

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

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

問題解答

回答1:

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

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

時間關(guān)系我解釋的不太詳細, 歡迎交流~

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))# 更新數(shù)據(jù)庫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() 函數(shù)異步上傳, 如果上傳成功, 更新頭像顯示

<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 編程
相關(guān)文章:
主站蜘蛛池模板: 免费人成在线观看网站 | 中文字幕爱爱视频 | 成人午夜免费网站 | 精品国产一区探花在线观看 | 国产免费麻豆视频 | 精品国产1区2区3区 在线国产视频 | 免费精品| 午夜在线小视频 | 国产综合精品一区二区三区 | 成人国产精品久久 | 在线观看 亚洲 | 天天草狠狠干 | 亚洲精品日韩一区二区电影 | 日韩久久久久久 | 国产视频一区二区 | www.久草.com| 亚洲综合久久网 | 国产精品欧美一区二区三区 | 91精品国产91久久久久久最新 | 欧美日韩亚洲二区 | 久草视频网站 | 亚洲中午字幕 | 国产精品美女久久久 | 国产剧情一区 | 91久久久久 | 久久亚洲美女 | 国产精品地址 | 国产精品无码久久久久 | 亚洲精品中文字幕在线观看 | 在线视频日韩 | 日韩视频1| 亚洲手机在线 | 亚洲欧美日韩在线 | 亚洲区中文字幕 | 波多野结衣在线观看一区二区三区 | 97精品超碰一区二区三区 | 欧美精品一区二区三区在线播放 | 久久伦理中文字幕 | 久久久久久久久久久久久久av | www亚洲免费国内精品 | 日韩精品一区二区三区视频播放 |