2017-05-16 2 views
0

私は本当に単純なドラッグアンドドロップ入力をフォームに追加しようとしています。フォームの処理は、使用しているプラ​​ットフォームによって行われるため、問題はありません。アップロード自体は比較的うまく動作し、イメージプレビューが表示されますが、フォームを送信すると、イメージはPOSTのどこにもありません。また、特定のパラメータで画像をPOSTする必要があります。誰か光をあげてもらえますか?ここで私が持っているものです。dropzone.jsとフィールドパラメータ

<form name="cart_quantity" action="MY_URL_HERE" method="post" enctype="multipart/form-data"> 

<input type="text" name="quantity" value="1" maxlength="6" size="4" /> 
<input type="submit" value="Add to Cart" /> <br /> 
<input type="radio" name="id[3]" value="7" id="attrib-3-7" /><label for="attrib-3-7">16 Inch Square</label><br /> 
<input type="radio" name="id[3]" value="8" id="attrib-3-8" /><label for="attrib-3-8">20 Inch Square (+$5.00)</label><br /> 
<input type="radio" name="id[3]" value="9" id="attrib-3-9" /><label for="attrib-3-9">25 Inch Square (+$10.00)</label> 

<input type="radio" name="id[1]" value="1" id="attrib-1-1" /><label for="attrib-1-1">100% Cotton Broad Cloth 3.5 oz</label><br /> 
<input type="radio" name="id[1]" value="2" id="attrib-1-2" /><label for="attrib-1-2">100% Cotton Broad Cloth 4.5 oz (little heavier) (+$5.00)</label><br /> 
<input type="radio" name="id[1]" value="3" id="attrib-1-3" /><label for="attrib-1-3">100% Organic Cotton Knit (+$3.00)</label><br /> 

<h4 class="optionName back"><label class="attribsUploads" for="attrib-4-0">Upload Your Image</label></h4> 

<div id="my-dropzone" class="dropzone"> 
    <div class="fallback"> 
    <input type="file" name="id[txt_4]" id="attrib-4-0" /><br /> 
    </div> 
</div> 
<input type="hidden" name="upload_1" value="4" /> 
<input type="hidden" name="txt_upload_1" /> 

と、これは私のJSファイルです:

Dropzone.autoDiscover = false; 
$(document).ready(function() { 
    $("#my-dropzone").dropzone({ 
     maxFiles: 2000, 
     url: "/localhost/", 
     autoProcessQueue: false, 
     acceptedFiles: 'image/*', 
     addRemoveLinks: true 
    }); 
}) 

私はただ一つの画像を選択することができるようにしたい、AJAXを使用して提出する必要はありませんドラッグアンドドロップ(またはクリック)します。私は私のJSからURLを除外した場合、私はエラーを取得...だから

、質問がされて - 私が間違ってここで何をやっているとどのように私は、POSTが見えるように取得することができます。

名= "id [txt_4]";ファイル名= "bck1.jpg"

bck1.jpgという名前の画像をドラッグアンドドロップすると、

答えて

0

あなたが欲しい名前を返すどのような機能にid[txt_4]renameFilenameparamNameオプションを設定することができ、あなたがdropzonejs.com

上でより多くのオプションを見ることができます
関連する問題