国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

TinyMCE 新增本地圖片上傳功能

2019-11-21 00:09:20
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
這樣TinyMCE 就可以正常顯示圖片了。其實(shí)該功能屬于普通HTML富文本控件基本功能了。現(xiàn)有需求將TinyMCE 擴(kuò)展成可直接上傳本地圖片而后在文本區(qū)域顯示圖片。
實(shí)現(xiàn)思路:
使用Ajax 進(jìn)行圖片上傳,此上傳方式可以更友好的實(shí)現(xiàn)TinyMCE 的圖片上傳擴(kuò)展,
具體方法可以參考我的上一篇 Jquery ajaxsubmit 上傳圖片。將Ajax上傳圖片集成到 TinyMCE 中,
主要是修改TinyMCE 目錄下的 tinymce/jscripts/tiny_mce/plugins 的 advimage 插件。
了解TinyMCE的人應(yīng)該知道 TinyMCE 類(lèi)似 FireFox。 開(kāi)發(fā)者是可以為其編寫(xiě)適合自己需求的插件。
所以只要稍稍修改 advimage 這個(gè)插件即可。我們?yōu)?advimage
目錄下的image.htm 新增 jquery 圖片異步提交代碼:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function AjaxUploadPic() {
if ($("#flUpload").val() == "") {
alert("請(qǐng)選擇一個(gè)圖片文件,再點(diǎn)擊上傳。");
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>

當(dāng)然了,flUpload 這個(gè)input type="file" 需要被form html標(biāo)簽包住同時(shí)為該form設(shè)置好

method="post" enctype="multipart/form-data" action=url 屬性。
程序截圖如下:
發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 都昌县| 临沂市| 叶城县| 伊通| 南木林县| 元阳县| 吉水县| 游戏| 池州市| 尖扎县| 五台县| 清河县| 九龙县| 同心县| 土默特左旗| 手游| 汉中市| 鹤峰县| 新和县| 辉南县| 绥江县| 甘德县| 思南县| 武川县| 清涧县| 绩溪县| 加查县| 辽阳县| 临江市| 绥阳县| 襄城县| 巴彦淖尔市| 洞头县| 育儿| 芮城县| 屯昌县| 蒙阴县| 汉中市| 嘉禾县| 洱源县| 林口县|