微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

TinyMCE 新增本地图片上传功能_jquery

php中文网
发布： 2016-05-16 18:17:07
原创
1330人浏览过

这样TinyMCE 就可以正常显示图片了。其实该功能属于普通HTML富文本控件基本功能了。现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片。
实现思路：
使用Ajax 进行图片上传，此上传方式可以更友好的实现TinyMCE 的图片上传扩展，
具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中，
主要是修改TinyMCE 目录下的 tinymce\jscripts\tiny_mce\plugins 的 advimage 插件。
了解TinyMCE的人应该知道 TinyMCE 类似 FireFox。 开发者是可以为其编写适合自己需求的插件。
所以只要稍稍修改 advimage 这个插件即可。我们为 advimage
目录下的image.htm 新增 jquery 图片异步提交代码：

安全锁锁芯类网站模板(响应式)1.4.2
安全锁锁芯类网站模板(响应式)1.4.2

安全锁锁芯类网站模板(响应式)是一个响应式优雅大气的集团企业网站模板，自带内核安装即用，响应式模板，图片文本均已可视化，简单后台易上手。支持多种内容模型，可按需添加。模板特点： 1、安装即用，自带人人站CMS内核及企业站展示功能（产品，新闻，案例展示等），并可根据需要增加表单 搜索等功能（自带模板） 2、支持响应式 3、前端banner轮播图文本均已进行可视化配置 4、伪静态页面生成 5、支持内容

安全锁锁芯类网站模板(响应式)1.4.2 0
查看详情 安全锁锁芯类网站模板(响应式)1.4.2
复制代码 代码如下:



当然了，flUpload 这个input type="file" 需要被form html标签包住同时为该form设置好

method="post" enctype="multipart/form-data" action=url 属性。
程序截图如下：
TinyMCE 新增本地图片上传功能_jquery

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：Jquery数独游戏解析（一）-页面布局_jquery 下一篇：js单行消息滚动代码，可添加无数个_文字特效
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
类型转换：剖析JS隐式类型转换规则 JavaScript隐式转换规则包括：1.布尔上下文中falsy值（如0、""、null等）转为false，其余为true；2.字符串上下文中+操作符触发拼接，如"5"+3→"53"；3.数值上下文中运算符促发转数字，如5-"3"→2；4.对象转换时优先调用valueOf()，否则toString()，如[]+""→""。
2025-11-21 21:35:02
393
JavaScript浏览器存储_IndexedDB事务管理 IndexedDB事务管理确保数据一致性，需通过事务操作对象仓库，其生命周期始于创建、终于请求完成，支持readonly和readwrite模式，错误将导致回滚，批量操作应共用事务以提升性能。
2025-11-21 21:34:02
429
JavaScript拖放操作_DataTransfer对象使用 DataTransfer对象是JavaScript拖放操作的核心，用于存储拖动数据和元信息。在dragstart事件中通过setData()方法写入数据，并设置effectAllowed指定允许的拖动效果；在drop目标上需监听dragover事件并调用preventDefault()以触发drop事件，再通过getData()读取数据；若涉及文件拖放，可通过dataTransfer.files获取FileList并结合FileReader实现预览。掌握setData、getData、effec
2025-11-21 21:33:06
896
JavaScript_监控告警与日志分析 答案：前端监控需构建完整异常捕获与上报链路。通过window.onerror和unhandledrejection事件分别捕获运行时错误和Promise异常，结合error事件监听资源加载失败；采集包含错误详情、用户环境、上下文信息的结构化日志，利用立即上报、批量上报及sendBeacon确保传输；设置去重、限流与抽样策略控制频率；建立分级告警机制，按阈值触发多渠道通知，并结合行为日志分析根因；可选用Sentry、LogRocket或自研ELK方案实现可视化与存储，提升系统稳定性与问题可见性。
2025-11-21 21:32:31
919
优化Next.js 13应用首屏渲染：解决EC2实例上的慢加载问题 本文旨在解决Next.js13应用在EC2实例上首屏渲染缓慢的问题，尤其当RootLayout中存在大量串行数据请求时。核心策略是通过将动态数据获取从服务器组件（如RootLayout）转移到客户端组件，并利用useEffect或SWR等机制进行异步加载，从而避免阻塞初始HTML的生成，显著提升用户体验和首屏加载速度。
2025-11-21 21:32:01
936
JavaScript代码审计_安全漏洞检测方法 JavaScript代码审计需重点检查危险函数如eval()、innerHTML及第三方依赖安全，防范XSS、原型污染与命令注入；通过输入验证、输出编码、CSP策略和自动化工具提升安全性。
2025-11-21 21:32:02
359
JavaScript桌面应用_Electron主进程与渲染进程通信 主进程负责原生操作，渲染进程展示页面，两者通过ipcMain和ipcRenderer实现双向通信。
2025-11-21 21:30:09
286
JavaScript设计系统_组件库架构与文档化 答案：高效JavaScript组件库需模块化架构、TypeScript支持、清晰目录结构及多格式打包，结合Storybook文档与自动化测试发布流程，确保可维护性与易用性。
2025-11-21 21:28:54
383
优化Next.js 13应用首屏渲染性能：数据获取策略深度解析 本文深入探讨Next.js13应用在EC2实例上首屏渲染缓慢的问题，主要归因于RootLayout中串行的数据获取瀑布流效应。我们将详细分析其性能瓶颈，并提供多种优化策略，包括将数据获取转移至客户端组件（利用useEffect或SWR库）、实现组件级数据并行获取以及利用Next.js13的流式渲染特性，以显著提升应用的首屏加载速度和用户体验。
2025-11-21 21:28:02
419
JavaScript数据结构_链表与树形结构实现 链表和树可通过对象与引用实现；链表用于高效插入删除，树适用于查找与层级结构，JavaScript中二者均需手动构建节点与操作方法。
2025-11-21 21:25:02
868
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部