Dropzone - 이미지에 추가 값 (숨겨진 필드) 추가

DropZones.js를 Laravel 5.2와 통합합니다. 여태까지는 그런대로 잘됐다. 유일한 것은 업로드시 이미지 컨테이너에 추가 숨겨진 필드를 추가하고 싶습니다.Dropzone - 이미지에 추가 값 (숨겨진 필드) 추가

<div class="dz-preview "> 
    <img src="" /> 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
</div> 
<div class="dz-preview "> 
    <img src="" /> 
</div>

그리고 내가 좋아하는 것 : 즉

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden1" . . . > 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden2" . . . > 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden3" . . . > 
</div>

, 나는 내가 3 개 이미지를 추가 할 경우 3 개 숨겨진 필드를 추가 할 5 난과 등 5과 각을 추가하는 경우는 자신의 고유 한 이름은입니다.

누구나?

출처

2016-06-28 codiiv

숨겨진 입력의 목적은 무엇입니까? 각 파일에 추가 데이터를 게시 하시겠습니까? 아니면 다른 이유 때문에 숨겨진 입력을 DOM에 넣으시겠습니까? – wunch

업로드는 직렬화 된 양식의 일부이며 해당 배열의 일부로 이미지를 제출하고 싶습니다. – codiiv

맞다면 다른 양식 데이터와 함께 실제 이미지를 제출 하시겠습니까? 나는 제대로 작동하지 못했으며 dropzone에 내장 된 동적 업로드를하기로 결정했습니다. 난 어려움이 실제 파일 입력은 보안상의 이유로 읽기 전용이라고 생각합니다. 그래서, 당신은 FormData 객체를 생성하고 자바 스크립트로 제출해야합니다. 기본 제출이 아닌 생각합니다. – wunch

나는 파기를하고 그 중 하나가 템플릿 중 하나임을 발견했다. previewTemplate. 그 값을 숨겨진 입력 값으로 업데이트 된 HTML 버전으로 바꿉니다.) 이렇게 :

Dropzone.options.falcondropzone = { 
    previewsContainer  : ".dropzone-previews", 
    thumbnailWidth  : "400", 
    thumbnailHeight  : "200", 
    maxFiles    : 10, 
    maxFilesize   : 5000, 
    clickable    : '.roundedicon', 
    previewTemplate  : '<input type="hidden" name="uploadables[]" class="uploadedimg" /> . . . . . . }

저에게는 효과적입니다. 언젠가 누군가에게 도움이되기를 바랍니다.

출처

2016-07-20 15:52:21 codiiv

Dropzone - 이미지에 추가 값 (숨겨진 필드) 추가

답변

관련 문제