2016-06-28 26 views
0

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と、それぞれを追加した場合、その独自のの名前はです。

誰でも?

+0

隠された入力の目的は何ですか?あなたは、各ファイルで余分なデータをPOSTしたいのですか、あるいは何か他の理由でその隠された入力がDOMに存在したがっていますか? – wunch

+0

アップロードはシリアライズされたフォームの一部です。画像をその配列の一部として送信したいと思います。 – codiiv

+0

私はあなたのことを正しく理解していれば、実際の画像を他のフォームデータとともに提出したいと思っていますか?私はそれを自分で正しく動作させることは決してできず、dropzoneに組み込まれた動的アップロードを行うことにしました。難しいのは、実際のファイル入力がセキュリティ上の理由からのみ読み取られるということです。ですから、FormDataオブジェクトを生成し、デフォルトのsubmitではなくjavascriptで提出する必要があります。 – wunch

答えて

1

私はいくつかの掘り出しを行い、テンプレートの1つが見つかりました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" /> . . . . . . } 

それは私のために働いていました。私はそれがいつ誰かを助けることを願っています

関連する問題