Компонент Jquery uploadify не загружает второй раз с использованием qtip2 - PullRequest
Новая
       29

Компонент Jquery uploadify не загружает второй раз с использованием qtip2

0 голосов
/ 21 декабря 2011

Я работаю над проектом asp.net mvc и использую на внешнем интерфейсе много jquery. Я застрял с проблемой. Я использую jquery uploadify для загрузки файлов. Эти файлы будут загружены в каталог, и когда это будет сделано, появится гиперссылка, которая дает возможность щелкнуть, а затем откроется qtip2 с видимыми изображениями. Это все работает. Но если я попытаюсь добавить с помощью uploadify второй раз изображения в библиотеку изображений, не будет ли проблема выбрать элементы с uploadify, но сама загрузка не произойдет. Есть идеи?

Загрузить JQuery 

$("#AddPictures").click(function () {
    $('#file_upload').attr("display", "inline");
});

$('#file_upload').uploadify({
    'uploader': '/Scripts/uploadify/uploadify.swf',
    'script': '/Scripts/uploadify/uploadify.ashx',
    'buttonImg': '/Content/Images/image_add_48.png',
    'cancelImg': '/Scripts/uploadify/cancel.png',
    'folder': '/Uploads',
    'multi': true,
    'auto': true,
    'hideButton': true,
    'fileExt': '*.jpg;*.gif;*.png',
    'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)',
    'queueSizeLimit': 5,
    'simUploadLimit': 3,
    'sizeLimit': 3000000,
    'removeCompleted': true,
    'wmode': 'transparent',
    'scriptData': { 'RegisterGUID': $("#RegisterGUID").val() },
    'onAllComplete': function (event, ID, fileObj, response, data) {
        console.log("test");
        $.getJSON("/Account/PictureRegistration", { id: $("#RegisterGUID").val() }, function (data) {
            $.each(data, function (index, item) {
                if (index == 0) {
                    $("#Picture1").attr("src", item.toString());
                }
                else if (index == 1) {
                    $("#Picture2").attr("src", item.toString());
                }
                else if (index == 2) {
                    $("#Picture3").attr("src", item.toString());
                }
            });
            if (data.length > 0) {
                $("#Picturelink").css("display", "inline");
            }
        });
    },
    'onError': function (event, ID, fileObj, errorObj) {
        alert(errorObj.type + ' Error: ' + errorObj.info);
    }

});

QTIP 

$(document).ready(function()
    {
    $('.RegistreerPictures').each(function() 
    {
        $(this).qtip({
                prerender: true,
                content: {
                    text: '<img src="../../Content/images/ajaxLoading.gif" alt="Loading..." />',
                    ajax: {
                        url: $(this).attr('href'),
                        data: { id: $("#RegisterGUID").val() }
                    },
                    title: {
                        text: $(this).text(),
                        button: true
                    }
                },
                position: {
                    at: 'bottom center',
                    my: 'top center',
                    viewport: $(window),
                    effect: false
                },
                show: {
                    event: 'click',
                    solo: true
                },
                hide: 'unfocus',
                onHide: function (){ $(this).qtip('destroy');},
                style: {
                    classes: 'ui-tooltip-wiki ui-tooltip-light ui-tooltip-shadow'
                }
            });
    })
    .click(function(event) {
        event.preventDefault();
    });
});
...