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

2024-03-12 20:08

本文主要是介绍ruby on rails aliyun oss百度编辑器上传,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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

https://blog.csdn.net/tang05709/article/details/88366824

def editor_upload res = nilact = params[:saction]case actwhen 'config'res = up_configwhen 'upload_image'upfile = params[:upfile]ext = File.extname(upfile.original_filename)file_name = Tools::GetRandString.date_rand_string(16) +  extfile_key = 'details_upload/' + file_nameAliyun::AliyunOssAchieve.upload_by_io(file_key, upfile.read)url = Rails.configuration.application['ALIYUN_OSS_HOST'] + '/' + file_keyres = {"state": "SUCCESS","url": url,"title": file_name,"original": file_name,}when 'upload_video'res = {state: '不支持使用编辑器上传视频'}when 'catch_image'res = {state: '不支持使用编辑器上传视频'}elseres = {state: '请求错误'}endrender json: resenddef delete_imageAliyun::AliyunOssAchieve.delete_oss(params[:filename])render json: {'status': 'success'}endprivate def up_configconfig = {"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

 

这篇关于ruby on rails aliyun oss百度编辑器上传的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/802430

相关文章

百度/小米/滴滴/京东,中台架构比较

小米中台建设实践 01 小米的三大中台建设:业务+数据+技术 业务中台--从业务说起 在中台建设中,需要规范化的服务接口、一致整合化的数据、容器化的技术组件以及弹性的基础设施。并结合业务情况,判定是否真的需要中台。 小米参考了业界优秀的案例包括移动中台、数据中台、业务中台、技术中台等,再结合其业务发展历程及业务现状,整理了中台架构的核心方法论,一是企业如何共享服务,二是如何为业务提供便利。

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

在SSH的基础上使用jquery.uploadify.js上传文件

在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了, 在Action那边File接收到的总是为null, 为了这个还上网搜了好多相关的信息,但都不行,最后还是搜到一篇文章帮助到我了,希望能帮助到为之困扰的人。 jsp页面的关键代码: <link rel="stylesheet" type="text/css" href="${page

【CTF Web】BUUCTF Upload-Labs-Linux Pass-13 Writeup(文件上传+PHP+文件包含漏洞+PNG图片马)

Upload-Labs-Linux 1 点击部署靶机。 简介 upload-labs是一个使用php语言编写的,专门收集渗透测试和CTF中遇到的各种上传漏洞的靶场。旨在帮助大家对上传漏洞有一个全面的了解。目前一共20关,每一关都包含着不同上传方式。 注意 1.每一关没有固定的通关方法,大家不要自限思维! 2.本项目提供的writeup只是起一个参考作用,希望大家可以分享出自己的通关思路

Vue3上传图片报错:Current request is not a multipart request

当你看到错误 "Current request is not a multipart request" 时,这通常意味着你的服务器或后端代码期望接收一个 multipart/form-data 类型的请求,但实际上并没有收到这样的请求。在使用 <el-upload> 组件时,如果你已经设置了 http-request 属性来自定义上传行为,并且遇到了这个错误,可能是因为你在发送请求时没有正确地设置

OpenStack:Glance共享与上传、Nova操作选项解释、Cinder操作技巧

目录 Glance member task Nova lock shelve rescue Cinder manage local-attach transfer backup-export 总结 原作者:int32bit,参考内容 从2013年开始折腾OpenStack也有好几年的时间了。在使用过程中,我发现有很多很有用的操作,但是却很少被提及。这里我暂不直接

Imageview在百度地图中实现点击事件

1.首先第一步,需要声明的全局有关类的引用 private BMapManager mBMapMan; private MapView mMapView; private MapController mMapController; private RadioGroup radiogroup; private RadioButton normalview; private RadioBu

使用http-request 属性替代action绑定上传URL

在 Element UI 的 <el-upload> 组件中,如果你需要为上传的 HTTP 请求添加自定义的请求头(例如,为了通过身份验证或满足服务器端的特定要求),你不能直接在 <el-upload> 组件的属性中设置这些请求头。但是,你可以通过 http-request 属性来自定义上传的行为,包括设置请求头。 http-request 属性允许你完全控制上传的行为,包括如何构建请求、发送请

Vue3图片上传报错:Required part ‘file‘ is not present.

错误 "Required part 'file' is not present" 通常表明服务器期望在接收到的 multipart/form-data 请求中找到一个名为 file 的部分(即文件字段),但实际上没有找到。这可能是因为以下几个原因: 请求体构建不正确:在发送请求时,可能没有正确地将文件添加到 FormData 对象中,或者使用了错误的字段名。 前端代码错误:在前端代码中,可能

aliyun图片存储OSS工具类

pom.xml配置jar包 <!-- oss --><dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>3.17.4</version></dependency> yml配置相关key #oss 配置oss:#AKaccessKey: accessKey