tinymce上传图片php处理,window_TinyMCE 新增本地图片上传功能，这样TinyMCE 就可以正常显示图 - phpStudy...

TinyMCE 新增本地图片上传功能

这样TinyMCE 就可以正常显示图片了。其实该功能属于普通HTML富文本控件基本功能了。现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片。

实现思路：

使用Ajax 进行图片上传，此上传方式可以更友好的实现TinyMCE 的图片上传扩展，

具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中，

主要是修改TinyMCE 目录下的 tinymce\jscripts\tiny_mce\plugins 的 advimage 插件。

了解TinyMCE的人应该知道 TinyMCE 类似 FireFox。 开发者是可以为其编写适合自己需求的插件。

所以只要稍稍修改 advimage 这个插件即可。我们为 advimage

目录下的image.htm 新增 jquery 图片异步提交代码：

复制代码 代码如下:

function AjaxUploadPic() {

if ($("#flUpload").val() == "") {

alert("请选择一个图片文件，再点击上传。");

return;

}

$('#myForm').ajaxSubmit({

beforeSubmit: function() {

},

success: function(html, status) {

var result = html.replace("

", "");

result = result.replace("

", "");

if (html.indexOf("格式") > 0) {

alert(result);

return;

}

$("#src").val(result);

ImageDialog.showPreviewImage($("#src").val())

}

});

}

});

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

method="post" enctype="multipart/form-data" action=url 属性。

程序截图如下：

相关阅读:

用css网站布局之十步实录！(十)

让IIS建立的站点默认是.net 2.0的,而不是.net 1.1的代码

基于Jquery的动态创建DOM元素的代码

广告放在文章页左上角的解决办法二

asp.net小谈网站性能优化

CSS整体布局声明的一些使用技巧

风河展示基于Nomadik的Android平台

JavaScript 对象模型 执行模型

计算机中装有双系统的用户如何卸载Linux

通过Mootools 1.2来操纵HTML DOM元素

ASP.NET2.0 WebRource,开发微调按钮控件

学习园地：Linux系统内核中判断大小的宏

使用System.Web.Mail通过需验证的邮件服务器发送邮件

Oracle中的模糊查询