ruby on rails aliyun oss百度编辑器上传

最新推荐文章于 2021-08-03 15:30:57 发布

原创最新推荐文章于 2021-08-03 15:30:57 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

ruby on rails 专栏收录该内容

59 篇文章

订阅专栏

本文介绍如何在Ruby on Rails项目中集成百度编辑器，包括修改ueditor.all.min.js文件以匹配Ruby on Rails的action命名约定，以及实现图片上传、删除等功能的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html集成百度编辑器就很简单了，不过需要注意的是链接中，ruby on rails的链接默认action是操作名称，而百度编辑器也需要一个url参数action，所以需要把ueditor.all.min.js里面的get，post的action=改个名字，不如saction=

后台接收到图片，就用流式上传直接上传图片流，图片流上传查看：

https://blog.youkuaiyun.com/tang05709/article/details/88366824

def editor_upload 
      res = nil
      act = params[:saction]
      case act
      when 'config'
        res = up_config
      when 'upload_image'
        upfile = params[:upfile]
        ext = File.extname(upfile.original_filename)
        file_name = Tools::GetRandString.date_rand_string(16) +  ext
        file_key = 'details_upload/' + file_name
        Aliyun::AliyunOssAchieve.upload_by_io(file_key, upfile.read)
        url = Rails.configuration.application['ALIYUN_OSS_HOST'] + '/' + file_key
        res = {
          "state": "SUCCESS",
          "url": url,
          "title": file_name,
          "original": file_name,
        }
      when 'upload_video'
        res = {
          state: '不支持使用编辑器上传视频'
        }
      when 'catch_image'
        res = {
          state: '不支持使用编辑器上传视频'
        }
      else
        res = {
          state: '请求错误'
        }
      end

      render json: res
    end

    def delete_image
      Aliyun::AliyunOssAchieve.delete_oss(params[:filename])
      render json: {'status': 'success'}
    end

    private 

    def up_config
       config = {
         "imageActionName" => "upload_image", # 执行上传图片的act名称 
          "imageFieldName" => "upfile", # 提交的图片表单名称 
          "imageMaxSize" => 2048000, # 上传大小限制，单位B 
          "imageAllowFiles" => [".png", ".jpg", ".jpeg", ".gif", ".svg"], # 上传图片格式显示 
          "imageInsertAlign" => "none", # 插入的图片浮动方式 
          "imageUrlPrefix" => "", # 图片访问路径前缀 

          "catcherLocalDomain" => ["127.0.0.1", "localhost", "www.sonliss.com"],
          "catcherActionName" => "catch_image", # 执行抓取远程图片的action名称 
          "catcherFieldName" => "source", # 提交的图片列表表单名称
          "catcherUrlPrefix" => "", # 图片访问路径前缀 
          "catcherMaxSize" => 2048000, # 上传大小限制，单位B 
          "catcherAllowFiles" => [".png", ".jpg", ".jpeg", ".gif", ".bmp"], # 抓取图片格式显示 

          "videoActionName" => "upload_video", # 执行上传视频的action名称 
          "videoFieldName" => "upfile", # 提交的视频表单名称 
          "videoUrlPrefix" => "", # 视频访问路径前缀 
          "videoMaxSize" => 102400000, # 上传大小限制，单位B，默认100MB 
          "videoAllowFiles" => [".flv", ".3gp", ".mpeg", ".mp4"], # 上传视频格式显示 
      }
    end