2010-09-15 75 views
1

我写了一个非常简单的php上传。但我想用“点击”在文本区域插入图像。我想用jQuery来做到这一点。上传并插入文本区域

alt text alt text

是否有任何的jQuery插件做到这一点的? (或者像在stackoverflow中一样上传应用程序)? 在此先感谢

+3

你不能一个文本中嵌入HTML。你可能想看看一个'contenteditable' div。 – 2010-09-15 11:55:24

回答

1

提交(有关在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(); 
1

查找TinyMCE - 它不是jQuery的一部分,但它是一个JS库,它为您提供了一个带图像控件的所见即所得编辑器。

2

检查http://elrte.org/。这是一个带有文件管理器的jQuery WYSIWYG编辑器。

+1

谢谢!我知道elrte,它很棒,但我想了解制作这样的应用程序。 – TheNone 2010-09-15 12:11:03