2016-10-27 2 views
1

처음으로 누락 된 클라이언트 크기 조정 이미지 기능 때문에 dropzone.js에서 Fine Uploader로 이동해야했습니다. 그래서 dropzone을 사용했을 때와 같은 결과를 얻으려고 몇 가지 문제가 있습니다.고급 업 로더 : 자동 업로드에 입력 된 숨겨진 필드를 추가하려면 어떻게해야합니까?

dropzone에서 쉽게 처리 할 수 ​​있도록 업로드 할 이미지에 숨겨진 입력 필드를 추가해야합니다. Docs에 설명 된대로 Form 옵션을 시도했지만 모든 양식 요소를 양식 작업으로 보냈지 만 서버 측에서 Ajax 요청을 수행하기 위해 다른 페이지로 약간의 데이터 만 보내면된다. 의미) 내가 추가 할 필요가

입력 필드는 다음과 같습니다

내가 사용 스크립트 :

+1

'form' 옵션은 모든 양식 inp를 제출합니다 엔드 포인트로 전송합니다. API에 보낼 매개 변수를 제어하려면'form'을 사용하지 말고'request.params'를 사용하십시오. – tropicalfish

+0

감사합니다. @ tropicalfish! 이 질문에 대한 답을 예를 들어 질문으로 올릴 수 있습니까? 또한 setParams API 메소드에 대해서도 언급해야합니다. –

+0

고맙습니다 @tropicalfish, 내가 시도했지만 작동하지 않았던 옵션이었습니다. 아마 나에게 뭔가 잘못 됐을 것입니다. 예를 들어서도 나에게 정말로 감사 할 것입니다! –

답변

2

아래처럼 request.params 옵션을 사용할 수 있습니다 :

var uploader = new qq.FineUploader({ 
     element: document.getElementById("uploader"), 
     template: 'qq-template', 
     request: { 
      endpoint: '/api/saveimage', 
      params: {'param1': 'someValue', 'param2': document.getElementById('textInputId').value}, 
     }, 
     thumbnails: { 
      placeholders: { 
       waitingPath: '/img/fine-uploader/waiting-generic.png', 
       notAvailablePath: '/img/fine-uploader/not_available-generic.png' 
      } 
     }, 
     validation: { 
      allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'], 
      itemLimit: 3 
     }, 
    }); 

당신은 또한 JS와 매개 변수를 설정 setParams API를 사용하여 언제든지 맞는 볼 :

var params = {'param1': 'somevalue1', 'param2': 'somevalue2'}; 
uploader.setParams(params); 

참조 문서를 : setParams

1

확인

$(document).ready(function() { 
    $('#fine-uploader').fineUploader({ 
      template: 'qq-template', 
      form: { 
       element: 'modulomezzi', 
       autoUpload: true 
      }, 
      request: { 
       endpoint: 'ajax_page.asp', 
       inputName: 'foto_gallery1' 
      }, 
      thumbnails: { 
       placeholders: { 
        waitingPath: '/fine-uploader/placeholders/waiting-generic.png', 
        notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png' 
       } 
      }, 
      validation: { 
       allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'] 
      } 
     }); 
}); 

감사합니다,이 솔루션은, 덕분에 나를 올바른 방향으로 향하기위한 @tropicalfish.

$(document).ready(function() { 
    $('#fine-uploader').fineUploader({ 
      template: 'qq-template', 
      request: { 
       endpoint: '<% =pagina_ajax %>', 
       inputName: '<% =paramName %>', 
       params: { 
        id: '<% =idvalue %>' 
       } 
      }, 
      thumbnails: { 
       placeholders: { 
        waitingPath: '/fine-uploader/placeholders/waiting-generic.png', 
        notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png' 
       } 
      }, 
      validation: { 
       allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'] 
      } 
     }); 
});