SpringBoot集成Markdown上传图片到阿里云对象存储OSS

这篇文章的前提是已经导入Markdown(详细教程可查看官网[Markdown官网地址](http://editor.md.ipandao.com/)),本文只介绍如何点击图片上传,调用阿里云OSS上传到云平台上。

1.开启Markdown图片上传功能

 <textarea name="description" id="description" style="display:none;"
                                  class="form-control"
                                  cols="30"
                                  rows="10"></textarea>
                    </div>
                    <script type="text/javascript">
                        $(function() {
    
                            var editor = editormd("question-editor", {
    
                                width  : "100%",
                                height : 500,
                                path   : "/js/lib/",
                                //开启图片上传
                                imageUpload: true,
                                //图片支持的格式
                                imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                                //图片上传发送的地址(对应Controller的mapping)
                                imageUploadURL: "/file/upload",
                            });
                        });
                    </script>

2.穿件阿里云对象存储OSS
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.在application.properties中配置阿里云的信息(依据自己的信息配置)

aliyun.oss.bucketName=Bucket名称
aliyun.oss.endPoint=EndPoint(地域节点)
aliyun.oss.accessKeyId=你自己的accessKeyId
aliyun.oss.accessKeySecret=你自己的accessKeySecret
aliyun.oss.fileHost=QuestionImages/(创建的文件目录)

4.创建AliyunOssUtil.class

p
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值