Question

I’m using this jquery plugin ajaxFileupload in our project. My design is I have a file upload control and set the opacity to 0.01 and then using an anchor link, I trigger the file upload control click event. This works fine until I try to click the anchor link the second time which it doesn’t open the file dialog box.

Here is my code.

$(".btnUpload").live("click", function () {
    $(".lblUploadError").text("");
    $(".fleAttachment").trigger("click");
});
$(".fleAttachment").change(function () {
    var reg = /^.*\.(jpg|JPG|gif|GIF|jpeg|JPEG)$/;
    var vals = $(this).val(),
        val = vals.length ? vals.split("\\").pop() : "";
    if (reg.test(vals) == false) {
        $(".lblUploadError").text("Invalid Image Type. We only accept .GIF or .JPG");
    } else {
        ajaxFileUpload();
        eval($(".btnRefreshAttachmentList").attr("href"));
    }
});

I don’t see any error in the console so it makes it difficult to debug it.

Answer 1

Change

 $(".fleAttachment").change(function() { 

to

 $(".fleAttachment").live('change', function() {