無法在精細上傳器中查看縮略圖上的圖像

您好我正在使用精細上傳器成功完成上傳功能，但爲編輯新功能我搜索相同的插件，發現會話可以處理此功能。無法在精細上傳器中查看縮略圖上的圖像

但我沒有得到在罰款上傳部分中的圖像視圖如下是我得到的看法。

我傳遞的名稱，UUID和thumbnailUrl作爲響應。

編輯： 在服務器端：

List<PropertyImageEntity> propertyImageEntity=propertyService.getImagesUrlNames(Integer.parseInt(request.getParameter("id")),Constant.PROP_VAL); 
     for(PropertyImageEntity propertyImagesDetails: propertyImageEntity) 
     { 
      ImageDataResponse imageResponseData=new ImageDataResponse(); 
      imageResponseData.setName(propertyImagesDetails.getFilename()); 
      String test=String.valueOf(UUID.randomUUID()); 
      imageResponseData.setUuid(this.uuid); 
      imageResponseData.setId(String.valueOf(propertyImagesDetails.getImageid())); 
      imageResponseData.setSize(propertyImagesDetails.getSize()); 
      imageResponseData.setStatus("upload successful"); 
      imageResponseData.setThumbnailUrl(propertyImagesDetails.getUrl()); 
      imageResponse.add(imageResponseData); 
     }

在客戶端：

var manualUploader1 = new qq.FineUploader(
     { 
      element : document 
        .getElementById('fine-uploader-manual-trigger1'), 
      template : 'qq-template-manual-trigger1', 
      request : { 
       endpoint : '/server/uploads?${_csrf.parameterName}=${_csrf.token}&id=${id}' 
      }, 
      thumbnails : { 
       placeholders : { 
        waitingPath : '../assets/js/property/fileupload/placeholders/waiting-generic.png', 
        notAvailablePath : '../assets/js/property/fileupload/placeholders/not_available-generic.png' 
       } 
      }, 
      validation : { 
       allowedExtensions : [ 'png', 'jpeg', 'jpg' , 'gif'], 
       itemLimit : 6, 
       sizeLimit : 100000000 
      }, 
      autoUpload : false, 
      debug : true, 
      callbacks: { 
       onError: function(id, name, errorReason, xhrOrXdr) { 

         $("#errorMsg4").html(errorReason); 
       } 
      }, 
      session: { 
       endpoint: '/server/get?id=${id}', 
       params: {}, 
       customHeaders: {}, 
       refreshOnReset: true 
      }, 
      messages: { 
       typeError: jQuery.i18n.prop("invalid.extention.error"), 
       sizeError: jQuery.i18n.prop("upload.filesize.error"), 
       noFilesError: jQuery.i18n.prop("nofiles.toupload.error"), 
       tooManyItemsError: jQuery.i18n.prop("toomany.items.error"), 
       retryFailTooManyItems: jQuery.i18n.prop("retry.fail.error") 
      } 
     }); 

qq(document.getElementById("trigger-upload1")).attach("click", 
     function() { 
     $("#errorMsg4").html(""); 
      manualUploader1.uploadStoredFiles(); 
     });

，但響應的圖片網址控制檯顯示200 OK。

響應：

[{"name":"b.png","uuid":"e3a5581e-aee9-4b8d-813f-63e0d400c9bc","thumbnailUrl":"http://192.168.1.68/html/1465290007617b.png","id":"84","size":26507,"status" 
:null}]

控制檯日誌：

來源

2016-06-08 raju vaishnav

您在瀏覽器控制檯中看到什麼消息？ –

您需要顯示您的代碼 –

@RayNicholus我已更新帖子\ –

上述問題是通過在apache2.conf加入CORS標頭解決。

Header set Access-Control-Allow-Origin "*"

感謝@Ray在this的回覆。

來源

2016-06-10 08:08:47

無法在精細上傳器中查看縮略圖上的圖像

回答

相關問題