将参数管理到函数

Question

我现在正在努力工作放下元素系统+根据可用区域显示区域的管理，在onclick事件期间在模态中的所有区域。 我拖的时候将元素“Image”放在下面的3个大区域中的一个区域，由于“导入图像”按钮，我为用户提供上传图像的可能性，如果此用户之前已经上传过图像，他可以找到一个单击“从库中选择”后的所有图像列表。

问题在于，通过想象用户之前已经上传过图像，以及他希望在该区域中添加图像，必须将链接插入到相关区域中生成的输入中。

我无法在区域

中显示图像的网址

我必须在choosePicture（）函数中管理他的入口参数目标。

我希望得到的结果的一些图像：

在这里，我拖的时候删除区域中的“图像”按钮

在这里，当我点击“从库中选择”时：

此处，点击“选择”按钮后，链接将显示在该区域中。

Perl代码：

sub listPictures
{
    my $self = shift;

    my $query = $self->query;

    my $session = $self->param('session');
    my $profile = $session->param('profile');

    if(checkUserId($profile->{'uid'}) ne 'SUCCESS')
    {
        return $self->redirect('?rm=login');
    }

    my $User = User->newFromId($profile->{'uid'});
    if($User eq 'NOT_FOUND')
    {
        return $self->redirect('?rm=login');
    }

    my $tableContent = '';
    my $pictures = $User->listPictures();

    if(ref($pictures) eq 'STRING')
    {
        return '<p>Your library is empty</p>';
    }
    $log->info($pictures);
    foreach my $picture (@$pictures)
    {
        $tableContent .= '<tr><td><label>'.$picture->{'name'}.'</label></td>';
        $tableContent .= '<td><button data-dismiss="modal" class="btn choiceBtn" name="'.$picture->{'url'}.'"  onclick=\'insertPicture("'.$picture->{'url'}.'")\'>Choisir</button>';
        $tableContent .= '<button class="btn" onclick="window.open("'.$picture->{'url'}.'", "_blank", "scrollbars=yes,status=yes")">Voir</button></td></tr>';
    }

    return $tableContent;
}

link to check my code link