上载并插入文本区域

提交后(在 here )调用富文本区域并插入img标记,如下所示:

$('#imageform').bind('submit', function(e) {
   e.preventDefault(); // <-- important
   $(this).ajaxSubmit({
      target: '#preview',
      success: function() {
            $('#richtext_area').html('<img id"newimg" src="" alt="your file"/>');
            $('#newimg').attr("src",$("#filePath_text").val())
         }              
   });
}).submit();

检查 http://elrte.org/ . 它是一个带有文件管理器的jquery wysiwyg编辑器。

查找tinymce——它不是jquery的一部分,但它是一个JS库,它为您提供了一个带图像控件的Wysiwyg编辑器。

尝试 CKEditor 它甚至还可以使用jquery。