- 首页 > it技术 > >
//普通富文本配置（ajax上传）
var E = window.wangEditor
var editor = new E('#achi_intro')
editor.customConfig.showLinkImg = false
editor.customConfig.uploadImgServer = './api/admin/uploadFile'//配置上传到服务器地址
editor.customConfig.customUploadImg = function (files, insert) {//对上传的图片进行处理，图片上传的方式
var data = https://www.it610.com/article/new FormData()
data.append("img", files[0])
$.ajax({
url: "./api/admin/uploadFile",
type: "post",
data: data,
processData: false,
contentType: false,
success: function (data) {
console.log(data)
var imgUrl=data.newName
//这里是对图片格式进行处理，我这里因为是要保存到本地服务器上，将图片前缀修改
editor.cmd.do('insertHTML', '
文章图片
')
},
error: function () {
alert("图片上传错误")
}
})
}
//vue axios上传图片 富文本配置//html
//js
this.editor = new E(this.$refs.editorBox)
this.editor.customConfig.showLinkImg = false
this.editor.customConfig.uploadImgServer = 'api/v1/upload/uploadLocal'//配置上传到服务器地址
this.editor.customConfig.customUploadImg =(files, insert) =>{//对上传的图片进行处理，图片上传的方式
var data = https://www.it610.com/article/new FormData()
data.append("img", files[0])
this.$axios.post("api/v1/upload/uploadLocal", data,).then((res) => {
var imgUrl = this.$imgBaseUrl + res.data.data
this.editor.cmd.do('insertHTML', `
`)
})
}
this.editor.create()
推荐阅读
