这篇文章的前提是已经导入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
package com.forum.utils;
import java.awt.*