ueditor的php jsp,UEditor 官方支持的版本有PHP JSP ASP ,毕业论文设计

最新推荐文章于 2023-07-12 21:26:02 发布

蛋堡学长

最新推荐文章于 2023-07-12 21:26:02 发布

阅读量188

点赞数

文章标签： ueditor的php jsp

这篇博客介绍了如何在Node.js环境中集成UEditor，支持图片上传和列表展示。通过使用`ueditor`模块，设置服务器端处理图片上传的逻辑，实现了UEditor与Node.js的无缝对接。用户上传的图片会被保存到指定路径，并可以通过API获取图片列表。示例代码展示了如何处理`uploadimage`和`listimage`请求。

摘要由CSDN通过智能技术生成

Node.js : ueditor UEditor 官方支持的版本有PHP JSP ASP .NET. ueditor for nodejs 可以让你的UEditor支持nodejs ueditor@1.0.0 已经全面升级。 Installation npm install ueditor --save Usage var bodyParser = require ( ' body-parser ' ) var ueditor = require ( " ueditor " ) app . use ( bodyParser . urlencoded ({

extended : true })) app . use ( bodyParser . json ()); // /ueditor 入口地址配置 https://github.com/netpi/ueditor/blob/master/example/public/ueditor/ueditor.config.js // 官方例子是这样的 serverUrl: URL + "php/controller.php" // 我们要把它改成 serverUrl: URL + 'ue' app . use ( " /ueditor/ue " , ueditor ( path . join ( __dirname , ' public ' ), function ( req , res , next ) { // ueditor 客户发起上传图片请求 if ( req . query . action === ' uploadimage ' ){ // 这里你可以获得上传图片的信息 var foo = req . ueditor ; console . log ( foo . filename ); // exp.png console . log ( foo . encoding ); // 7bit console . log ( foo . mimetype ); // image/png // 下面填写你要把图片保存到的路径 ( 以 path.join(__dirname, 'public') 作为根路径) var img_url = ' yourpath ' ; res . ue_up (img_url); //你只要输入要保存的地址。保存操作交给ueditor来做 } // 客户端发起图片列表请求 else if ( req . query . action === ' listimage ' ){ var dir_url = ' your img_dir ' ; // 要展示给客户端的文件夹路径 res . ue_list (dir_url) // 客户端会列出 dir_url 目录下的所有图片 } // 客户端发起其它请求 else { res . setHeader ( ' Content-Type ' , ' application/json ' ); // 这里填写 ueditor.config.json 这个文件的路径 res . redirect ( ' /ueditor/ueditor.config.json ' )

}})); Example var bodyParser = require ( ' body-parser ' ) var ueditor = require ( " ueditor " ) app . use ( bodyParser . urlencoded ({

extended : true })) app . use ( bodyParser . json ()); app . use ( " /ueditor/ue " , ueditor ( path . join ( __dirname , ' public ' ), function ( req , res , next ) { // ueditor 客户发起上传图片请求 if ( req . query . action === ' uploadimage ' ){ var foo = req . ueditor ; var date = new Date (); var imgname = req . ueditor . filename ; var img_url = ' /images/ueditor/ ' ; res . ue_up (img_url); //你只要输入要保存的地址。保存操作交给ueditor来做 } // 客户端发起图片列表请求 else if ( req . query . action === ' listimage ' ){ var dir_url = ' /images/ueditor/ ' ; res . ue_list (dir_url); // 客户端会列出 dir_url 目录下的所有图片 } // 客户端发起其它请求 else { res . setHeader ( ' Content-Type ' , ' application/json ' ); res . redirect ( ' /ueditor/ueditor.config.json ' )

}})); 你可以来 ueditor:nodejs 给作者留言