ASP.netで動的に配置したimageオブジェクトからJSを実行したい

Question

現在下記のような感じでDIV要素に画像を追加するスクリプトがあります。

<input type="file" id="image" accept="image/*" name="image" class="btn btn-primary btn-lg" />

$('#image').change(
    function() {

        if (!this.files.length) {
            return;
        }

        var file = $(this).prop('files')[0];
        var fr = new FileReader();
        fr.onload = function() {
            addImage(fr.result);
        }
        fr.readAsDataURL(file);
    }
);

function addImage(path, x, y, width, height) {

        $('<div class="bg">')
            .resizable({
                containment: 'parent',
            }).draggable({
                containment: 'parent',
                scroll: false
            }).css({
                width: width,
                height: height,
                left: x,
                top: y,
                zIndex: '0',
                position: 'absolute',
            }).append(img).appendTo('#screen');
}

これをASP.netで動的に配置したImageオブジェクトからも実行したいのですが、
（動的に配置したImageオブジェクトをクリックするとJSのaddImageを実行したい）
やり方がわからなかったので質問させて頂きました。

//動的にImageを配置
Image img = new Image();
img.ImageUrl = reader["thumbnail_path"].ToString();
div.Controls.Add(img);

一応、下記のようにすると、サーバサイドスクリプトは実行できたのですが、
ここからaddImageを実行する方法も？だったのと、ほかにもっとスマートな方法があるかも思い
質問させて頂きました。

btnctrl.CommandArgument =reader["thumbnail_path"].ToString();
btnctrl.Command += this.NewButton_Click;

private void NewButton_Click(object sender, CommandEventArgs e)
{
           
}

もし、ご存知の方がおられましたら回答頂けるとありがたいです。
宜しくお願い致します。

Comments

[退会済みユーザー]

定義が不明な変数、メソッドがあって何をしたいのかよく分かりません。クライアントスクリプトの方は、よく分からないものの、ローカルフォルダの画像ファイルを「DIV要素に画像を追加する」と理解するとして、C# のコードのほうはもっと詳しく、定義不明な変数などがないように説明していただけませんか？

Answer 1

実証はめんどいためやってませんが

btnctrl.Attributes["onclick"] = "addImage(" + /*省略*/ + ")";

といった感じでできませんか？

Comments

[Qoo]

ありがとうございます！無事実行することができました！