【odoo18-文件管理】在uniapp上访问odoo系统上的图片

傲渊山岳  金牌会员 | 3 天前 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 900|帖子 900|积分 2700

在uniapp上访问odoo系统上的图片

  1、以url的情势访问
a：以odoo自己的域名，好比http://127.0.0.1:8069/web/image/product.template/3/image_128?unique=1740380422000，这种方式需要解决跨域的问题。

  b：以文件服务器的情势，好比http://111.229.103.209/files/

2、odoo以Base64格式返回给uniapp，使用 Vue 的数据绑定来动态更新 src 属性。Base64 编码的图片会增大数据体积（约莫增加 33%），对于大图片或大量图片，大概会影响性能和加载时间。
  1. <template>
  2.   <view>
  3.     <image :src="dynamicBase64Image" style="width: 100px; height: 100px;"></image>
  4.   </view>
  5. </template>
  7. <script>
  8. export default {
  9.   data() {
  10.     return {
  11.       dynamicBase64Image: ''
  12.     };
  13.   },
  14.   methods: {
  15.     fetchBase64Image() {
  16.       // 假设这里通过 API 获取 Base64 编码的图片
  17.       uni.request({
  18.         url: 'https://example.com/api/get-base64-image',
  19.         success: (res) => {
  20.           this.dynamicBase64Image = res.data.base64Image;
  21.         }
  22.       });
  23.     }
  24.   },
  25.   onLoad() {
  26.     this.fetchBase64Image();
  27.   }
  28. };
  29. </script>
复制代码
最终选择了以文件服务器的情势来访问。
服务器环境：腾讯云服务器ubuntu22.04
  1.使用 Nginx 托管静态文件

  1.1.nginx安装

  1. sudo apt-get install nginx # 安装nginx
  2. sudo service nginx restart # 重启nginx
复制代码
1.2.nginx环境配置

  1. cd /etc/nginx/ # 进入nginx目录，可以通过ls查看有哪些文件
  2. cd sites-available # 进入sites-available
  3. # 备份一个default
  4. sudo cp default default.bak
  5. sudo vim default
复制代码
此中location /files就是文件共享目次
  1. server {
  2.     listen 80;
  3.     server_name 111.229.103.209;  # 你的域名或服务器IP
  4.     # 静态文件托管目录
  5.     location /files {
  6.         alias /etc/odoo/filestore;  # 你的文件存储路径
  7.         autoindex on;          # 可选：开启目录浏览
  8.     }
  10.     location / {
  11.         proxy_redirect     off;
  12.         proxy_set_header   Host             $host;
  13.         proxy_set_header   X-Real-IP        $remote_addr;
  14.         proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
  15.         proxy_set_header   X-Forwarded-Proto $scheme;
  16.         proxy_read_timeout 900;  # 根据需要调整超时时间
  17.         proxy_connect_timeout 900;  # 根据需要调整超时时间
  18.         proxy_pass         http://127.0.0.1:8069;  # Odoo的默认端口是8069
  19.     }
  21.     location /longpolling {
  22.         proxy_redirect     off;
  23.         proxy_set_header   Host             $host;
  24.         proxy_set_header   X-Real-IP        $remote_addr;
  25.         proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
  26.         proxy_set_header   X-Forwarded-Proto $scheme;
  27.         proxy_read_timeout 36000s;  # 长轮询可能需要较长的超时时间
  28.         proxy_pass         http://127.0.0.1:8072;  # Odoo的长轮询端口通常是8072
  29.     }
  31.     # 如果需要HTTPS，请添加SSL配置段（略）
  32. }
复制代码
1.3.文件效果

  


  2.odoo对静态文件的读写

  2.1.odoo之ir.attachment

  以产物图片为例：

odoo的ir.attachment有3层结构，这里的文件是图片。
1、文件自己对应了一个附件，用于存储文件自己，对于相同的文件，checksum和store_fname是相同的。
2、文件对应了一个webp附件，用于文件的附件地址。
3、产物图片，好比image_1920指向了文件的地址。对于image_1920、……、image_128，假如图片较小，odoo不会压缩图片，都会对应同一张图片；假如文件较大，odoo会根据尺寸限制压缩图片，不同尺寸的image会指向不同的图片地址。

  2.2.静态文件的读写

  1. # -*- coding: utf-8 -*-
  2. import os
  3. import base64
  4. import binascii
  5. import urllib.parse
  6. from odoo import api, fields, models, _, _lt
  7. from odoo.exceptions import UserError
  8. import logging
  9. _logger = logging.getLogger(__name__)
  12. class IrAttachment(models.AbstractModel):
  13.     _inherit = 'ir.attachment'
  15.     attachment_url = fields.Char('Attachment URL', help="The URL of the file in the remote server")
  17.     def _is_image_mimetype(self):
  18.         """判断是否为图片类型"""
  19.         return self.mimetype and (self.mimetype == 'image/jpeg' or self.mimetype == 'image/png')
  20.         # return True
  22.     def _sync_image_to_nginx(self, datas, filename):
  23.         """同步图片到Nginx目录"""
  24.         nginx_dir = self.env['ir.config_parameter'].sudo().get_param('attachment.dir', '/etc/odoo/filestore')
  25.         # 获取数据库名（替换非法字符）
  26.         # nginx_dir = odoo.tools.config['data_dir']
  27.         db_name = self.env.cr.dbname.replace('/', '_').replace('\\', '_')
  28.         # 获取模型名（替换点号为下划线）
  29.         nginx_dir += f'/{db_name}/files/'
  30.         base_url = self.env['ir.config_parameter'].sudo().get_param('web.base.url')
  31.         url_parse = urllib.parse.urlparse(base_url)
  32.         attachment_url = url_parse.scheme + '://' + url_parse.hostname + f'/{db_name}/files/'
  33.         if not os.path.exists(nginx_dir):
  34.             os.makedirs(nginx_dir, exist_ok=True)
  35.             os.chmod(nginx_dir, 0o755)  # 确保目录权限
  37.         file_path = os.path.join(nginx_dir, filename)
  38.         try:
  39.             with open(file_path, 'wb') as f:
  40.                 f.write(datas)
  41.             _logger.info(f"图片已同步到Nginx目录: {file_path}")
  42.             return attachment_url
  43.         except Exception as e:
  44.             _logger.error(f"同步失败: {str(e)}")
  45.             return False
  47.     @api.model_create_multi
  48.     def create(self, vals_list):
  49.         res_ids = super().create(vals_list)
  50.         for index in range(len(res_ids)):
  51.             vals = vals_list[index]
  52.             res_id = res_ids[index]
  53.             description = vals.get('description', '')
  54.             if not res_id.mimetype or not res_id.mimetype.startswith('image') or (description and description.startswith('resize')):
  55.                 continue
  56.             store_fname = res_id.store_fname
  57.             attachment_id = self.env['ir.attachment']
  58.             if store_fname:
  59.                 attachment_id = self.env['ir.attachment'].search([
  60.                     ('id', '!=', res_id.id),
  61.                     ('res_model', '=', 'ir.attachment'),
  62.                     ('store_fname', '=', store_fname),
  63.                 ])
  64.             if attachment_id and attachment_id.attachment_url:
  65.                 res_id.write({
  66.                     'attachment_url': attachment_id.attachment_url
  67.                 })
  68.                 continue
  69.             if not res_id._is_image_mimetype():
  70.                 continue
  71.             if not vals.get('res_id'):
  72.                 continue
  73.             attachment_id = self.env['ir.attachment'].sudo().browse(vals.get('res_id'))
  74.             datas = vals.get('datas')
  75.             if not datas or not attachment_id:
  76.                 continue
  77.             # Base64解码
  78.             file_data = base64.b64decode(datas) or False
  79.             # 同步到Nginx
  80.             filename = "%s_%s" % (store_fname.replace('/', '_').replace('\\', '_'), vals.get('name'))
  81.             attachment_url = self._sync_image_to_nginx(file_data, filename)
  82.             if attachment_url:
  83.                 attachment_id.write({'attachment_url': attachment_url})
  84.         return res_ids
  86.     def unlink(self):
  87.         """删除时同步清理static文件"""
  88.         for attach in self:
  89.             if attach.attachment_url and os.path.exists(attach.attachment_url):
  90.                 try:
  91.                     os.remove(attach.attachment_url)
  92.                     # 尝试清理空目录
  93.                     dir_path = os.path.dirname(attach.attachment_url)
  94.                     if not os.listdir(dir_path):
  95.                         os.rmdir(dir_path)
  96.                     _logger.info(f"已删除: {attach.attachment_url}")
  97.                 except Exception as e:
  98.                     _logger.error(f"删除失败: {str(e)}")
  99.         return super().unlink()
  101.     def write(self, vals):
  102.         try:
  103.             bin_data = base64.b64decode(vals.get('datas', '')) or False
  104.         except binascii.Error:
  105.             raise UserError(_("Attachment is not encoded in base64."))
  106.         if self.mimetype and self.mimetype.startswith('image'):
  107.             checksum = self._compute_checksum(bin_data)
  108.             attachment_id = self.env['ir.attachment'].search([
  109.                 ('id', '!=', self.id),
  110.                 ('res_model', '=', 'ir.attachment'),
  111.                 ('checksum', '=', checksum),
  112.             ])
  113.             if attachment_id and attachment_id.attachment_url:
  114.                 vals['attachment_url'] = attachment_id.attachment_url
  115.         return super(IrAttachment, self).write(vals)
复制代码


  2.3.静态文件的获取和表现

  1. # -*- coding: utf-8 -*-
  2. import json
  3. import logging
  5. from odoo.http import Controller, request, route
  8. class ProductController(Controller):
  10.     @route(['/api/product/list'], type='http', auth='public', methods=['GET', 'OPTIONS'], csrf=False, cors='*')
  11.     def api_product_list(self, **kw):
  12.         logging.info('api_product_list:%s', kw)
  13.         product_ids = request.env['product.product'].sudo().search([])
  14.         data = []
  15.         for product_id in product_ids:
  16.             domain = [
  17.                 ('res_model', '=', 'product.template'),
  18.                 ('res_field', '=', 'image_1920'),
  19.                 ('res_id', 'in', product_id.product_tmpl_id.id),
  20.             ]
  21.             attachment_id = request.env['ir.attachment'].sudo().search(domain)
  22.             data.append({
  23.                 'id': product_id.id,
  24.                 'name': product_id.name,
  25.                 'lst_price': product_id.lst_price,
  26.                 'thumbnail': attachment_id.attachment_url
  27.             })
  28.         return json.dumps({'code': 200, 'data': data, 'count': len(product_ids)})
复制代码


  3.总结

  nginx静态文件的方式可以扩展到系统日记、备份等需要保存文件的场景。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ 更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

傲渊山岳

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表