2013-04-20 6 views
0

Чтение документации он упоминает «также содержащий список файлов» в параметрах вставки для целевого элемента 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 + 
          '”'); 
         } 
        }, 
       }) 
      }); 

ответ

0

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

+0

Не уверен, что я делаю неправильно. Я отредактировал мой оригинальный пост – user2116604

+0

Ты используешь хром 10.6? Это опечатка? Если вы действительно используете версию хром, старую, функция вставки не будет работать. –

+0

Также вы передаете объект jquery в качестве значения для targetElement. Вы должны передать htmlelement, если вы не используете плагин jquery, которого нет. –

Смежные вопросы