quill自定义图片上传

quill自定义图片上传quill 是个不错的富文本编辑器 但是它的图片上传是直接将本地图片读成 base64 跟文本混合在一起 这显然不适合一般开发需求 我们希望插入的是一个图片 url 故这里将基于 vue js 实现 quill 的图片上传功能 没有什么好说的 直接贴代码 quillEditor vue quilleditorv model content ref myTextEditor

quill是个不错的富文本编辑器,但是它的图片上传是直接将本地图片读成base64跟文本混合在一起,这显然不适合一般开发需求,我们希望插入的是一个图片url,故这里将基于vue.js实现quill的图片上传功能。

没有什么好说的,直接贴代码

quillEditor.vue

 
   

图片上传地址改成自己的

我在main.js里引入了axios,所以这里可以直接使用this.axios,根据你的配置做适当调整即可

最后感谢这位大神的分享:vue-quill-editor自定义图片上传


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216997.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午10:35
下一篇 2026年3月18日 上午10:35


相关推荐

  • 关于错误“将截断字符串或二进制数据。 语句已终止”「建议收藏」

    关于错误“将截断字符串或二进制数据。 语句已终止”「建议收藏」解决:   数据库的字符长度

    2022年10月7日
    4
  • 面试被问到HashMap 底层原理?看完这边文章绝对不慌!

    面试被问到HashMap 底层原理?看完这边文章绝对不慌!快速入门存储:put方法put(key,value)查询:get方法get(key)java代码如下importjava.util.HashMap;importjava.util.Map;publicclassApp{publicstaticvoidmain(String[]args){Map<String,String>map=newHashMap<>();map.put(“刘一”,

    2022年5月19日
    40
  • ubuntu16.04下安装QQ教程「建议收藏」

    最近换工作,公司完全用的是Linux系统,目前不习惯,感觉别扭;后面熟悉就好了,由于工作需要,要安装QQ;有两个办法:1.在ubuntu下安装virtualbox虚拟机,然后再用win系统,再安装QQ;2.在ubuntu下安装winQQ;由于我安装virtualbox虚拟机,出现虚拟机打不开的情况,能力问题,暂还未解决,就用了第二种方法;在网上找到安装教程如下:参考网址:ht…

    2022年4月11日
    44
  • at命令的用法

    at命令的用法at 命令的用法 nbsp At 列出在指定的时间和日期在计算机上运行的已计划命令或计划命令和程序 必须正在运行 计划 服务才能使用 at 命令 at computername id delete delete yes at computername time interactive every date

    2025年9月1日
    7
  • Linux traceroute 命令详解

    Linux traceroute 命令详解traceroute命令Linux中traceroute命令用于显示数据包到目的主机的路径Windows中路由追踪命令是tracert。traceroute指令可以追踪你发送的数据包在网络中传输的路由途径,主要显示走了什么路,到了什么站。其预设的数据包大小是40bytes,该值可以另设。语法:traceroute【参数】【主机】举个简单例子:traceroute-dww…

    2025年8月11日
    4
  • ES6 Promise用法小结

    ES6 Promise用法小结目录1.什么是Promisereject的用法catch的用法all的用法race的用法1.什么是PromisePromise是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操…

    2022年6月12日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号