Включение прошлой функции

Читая документы, он упоминает «также содержащий список файлов» в параметрах вставки для целевого элемента http://docs.fineuploader.com/integrating/options/fineuploaderbasic.html

Что это? Есть ли хороший пример, как это реализовать? Это то, что у меня есть до сих пор. #pasteimage — это текстовое поле.

Использование Chrome 10.6 Нужно ли включать его где-то в jquery.fineuploader-3.4.1.js?

 $(document).ready(function(){
                var thumbnailuploader = new qq.FineUploader({
                    element: $('#thumbnail-fine-uploader')[0],
                    request: {
                        endpoint: '/Admin/CFC/image-uploader.cfc?method=Upload',
                        params: {
                           profileID: '<cfoutput>#profile.ID#</cfoutput>',
                           profileType:'<cfoutput>#profile.Profile_Type#</cfoutput>',
                           subDName:'<cfoutput>#DecodeforHTML(profile.Subdomain_Name)#</cfoutput>'
                                },

                    },
                    multiple: true,
                    validation: {
                        allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
                        sizeLimit: 102400, // 100 kB = 100 * 1024 bytes
                        itemLimit: 1,
                        stopOnFirstInvalidFile: false
                    },
                    text: {
                        uploadButton: "\+ Click or Drop"
                    },
                    paste:{
                            targetElement:$('#pasteimage')
                           },

                    callbacks: {
                        onComplete: function(id, fileName, responseJSON){
                            if (responseJSON.success) {
                                $('#thumbnail-fine-uploader').append('<img src="/<cfoutput>#profile.Profile_Type#</cfoutput>/<cfoutput>#profile.ID#</cfoutput>/' + responseJSON.filename + '" alt="' + fileName + '" style="width:120px;height:120px;">');
                                $('#thumbnail-fine-uploader').append('<br/><b style="color:red;">' + responseJSON.returnedProfileID + '<br/>'+ responseJSON.returnedprofileType+'<br/>'+responseJSON.returnedsubDName+'</b>');
                            }
                        }
                    },
                    onUpload: function(id, fileName){
                        $('#file-' + id).addClass('alert-info').html('<img src="/Images/loading.gif" alt="Initializing. Please hold."> ' +
                        'Initializing ' +
                        '“' +
                        fileName +
                        '”');
                    },
                    onProgress: function(id, fileName, loaded, total){
                        if (loaded < total) {
                            progress = Math.round(loaded / total * 100) + '% of ' + Math.round(total / 1024) + ' kB';
                            $('#file-' + id).removeClass('alert-info').html('<img src="/Images/loading.gif" alt="In progress. Please hold."> ' +
                            'Uploading ' +
                            '“' +
                            fileName +
                            '” ' +
                            progress);
                        }
                        else {
                            $('#file-' + id).addClass('alert-info').html('<img src="/Images/loading.gif" alt="Saving. Please hold."> ' +
                            'Saving ' +
                            '“' +
                            fileName +
                            '”');
                        }
                    },
                })
            });

person user2116604    schedule 20.04.2013    source источник


Ответы (1)


Целевым элементом вставки может быть любой контейнер, который будет получать вставляемые изображения. Здесь ваши пользователи будут вставлять любое изображение в свой буфер обмена. Там не так много, чтобы продемонстрировать. Просто создайте элемент в DOM, желательно тот, который ваши пользователи смогут понять, это место, куда можно вставлять изображения. Затем установите этот элемент в качестве значения свойства targetElement опции paste. Вы даже можете использовать document в качестве цели, если хотите.

person Ray Nicholus    schedule 20.04.2013
comment
Не уверен, что я делаю неправильно их. я отредактировал исходный пост - person user2116604; 20.04.2013
comment
Вы используете хром 10.6? Это опечатка? Если вы действительно используете старую версию Chrome, функция вставки не будет работать. - person Ray Nicholus; 20.04.2013
comment
Также вы передаете объект jquery в качестве значения для targetElement. Вы должны передать htmlelement, если только вы не используете плагин jquery, а это не так. - person Ray Nicholus; 20.04.2013
comment
Ray да исправление Chrome Version 26.0.1410.65. Извините, я очень новичок в этом деле. Можете ли вы дать мне подсказку, как передать htmlelement? - person user2116604; 20.04.2013
comment
Хорошо, есть мысли, почему это не работает? Изображение копируется. Но когда я ничего не вставляю в текстовое поле. Щелчок или перетаскивание работает нормально. - person user2116604; 20.04.2013
comment
Вы исправили targetElement, как я уже упоминал? - person Ray Nicholus; 20.04.2013
comment
Не совсем понятно, что вы имеете в виду. У меня есть вставка: { targetElement:$('#pasteimage') }, ‹div ID='pasteimage' style='width:150px;height:150;граница: сплошная тонкая белая'›‹/div› - person user2116604; 20.04.2013
comment
Ваш targetElement ДОЛЖЕН быть элементом/узлом, а НЕ объектом jQuery. Так же, как и значение параметра element, которое вы правильно установили. Итак, ваше значение targetElement должно быть $('#pasteImage')[0]. - person Ray Nicholus; 21.04.2013