jquery - 添加元素以上传图片

Question

我尝试添加文件底部以在 joomla 3.0 后端添加图像

为此，我使用 Jquery 的 append() 函数

<div class="control-group">
            <div class="control-label"><?php echo $this->form->getLabel('imagenes'); ?></div>
            <div class="controls1"><?php echo $this->form->getInput('imagenes'); ?>
                <input type="button" id="boton_append_1" value="Add Imagen" />
            </div>
        </div>

我的jquery函数是这样的

<script type="text/javascript">
                jQuery.noConflict();
                jQuery(document).ready(function(){
                    jQuery('#boton_append_1').click(function() {
                        jQuery('.controls1').append(

                        );
                    });
                });
            </script>

但我不知道如何添加元素

任何想法

Answer 1

使用insertBefore().

官方文档：http ://api.jquery.com/insertBefore/

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function()
    {
        jQuery('#boton_append_1').click(function()
        {
            jQuery('<input type="file" />').insertBefore(jQuery(this));
        });
    });
</script>