asp.net ueditor 图片上传路径问题解决
最近练习做一个新闻系统,其中不能少了添加新闻和修改新闻的功能 ,而且还要添加图片、添加文字样式,
所以不得不使用富文本编辑器,在kindeditor和ueditor中,选择了目前还在持续更新的百度产品,ueditor。
刚开始,图片上传的时候,图片不能显示,甚至提示后台文件未配置的提示,经过摸索,解决了问题,现在记录一下:
首先,ueditor默认配置是把ueditor的整个文件夹放在项目的根目录中,这样的话,图片什么的都应该能正常显示。
但是我把ueditor的文件夹放到了根目录下的scripts文件夹里面,就必须修改配置文件了。
我的目录结构:
首先打开scripts/ueditor/net/config.json
看到“上传图片配置项”中的imageUrlPrefix和imagePathFormat,
imageUrlPrefix是指前半段的路径,原来是/ueditor/net,我的修改为/scripts/ueditor/net,注意前面的“/”不能少,这表示根目录。
imagePathFormat是指后半段的路径,我没有修改,因为我是放到默认的ueditor文件夹中。
其实图片就是保存到这两个路径合并后的地方,则是/scripts/ueditor/net/upload/image/......
另外,config.json的后面还有涂鸦图片上传、截图工具上传等等功能,我也统一把“PathFormat”和“UrlPrefix”修改为一样的路径,不过这些功能很少用到。
这就完成了,效果图:
添加新闻:
查看新闻:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示