当前位置: 58彩票app下载 > 关于计算机 > 正文

新增本地图片上传功能

时间:2019-09-18 11:14来源:关于计算机
如此TinyMCE就足以健康呈现图片了。其实该意义属于一般HTML富文本控件基本功效了。现存必要将TinyMCE增加成可一贯上传本地图片而后在文件区域呈现图片。 完结思路: 选取Ajax 进行图纸

如此TinyMCE 就足以健康呈现图片了。其实该意义属于一般HTML富文本控件基本功效了。现存必要将TinyMCE 增加成可一贯上传本地图片而后在文件区域呈现图片。
完结思路:
选取Ajax 进行图纸上传,此上传格局可以更和煦的兑现TinyMCE 的图样上传扩充,
具体方法可以参照小编的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中,
第一是修改TinyMCE 目录下的 tinymcejscriptstiny_mceplugins 的 advimage 插件。
询问TinyMCE的人相应了然 TinyMCE 类似 FireFox。 开拓者是足感觉其编写制定适合自个儿要求的插件。
据此只要稍稍修改 advimage 这一个插件就可以。我们为 advimage
目录下的image.htm 新扩展 jquery 图片异步提交代码:

复制代码 代码如下:

<script type="text/javascript">
function AjaxUploadPic() {
if ($("#flUpload").val() == "") {
alert("请选拔叁个图片文件,再点击上传。");
return;
}
$('#myForm').ajaxSubmit({
beforeSubmit: function() {
},
success: function(html, status) {
var result = html.replace("<PRE>", "");
result = result.replace("</PRE>", "");
if (html.indexOf("格式") > 0) {
alert(result);
return;
}
$("#src").val(result);
ImageDialog.showPreviewImage($("#src").val())
}
});
}
});
</script>

理所必然了,flUpload 那么些input type="file" 供给被form html标签包住同期为该form设置好

method="post" enctype="multipart/form-data" action=url 属性。
前后相继截图如下:
图片 1

您大概感兴趣的篇章:

  • TinyMce 普通话手册 在线手册与下载
  • tinyMCE插件开辟之插入html,php,sql,js代码 并代码高亮展现
  • Tinymce+jQuery.Validation使用发生的BUG
  • TinyMCE syntaxhl插入代码后换行的修改议程
  • TinyMCE提交AjaxForm获取不到多少的缓慢解决形式
  • TinyMCE汉化及本地上传图片效用实例详解

编辑:关于计算机 本文来源:新增本地图片上传功能

关键词: