私は本当に単純なドラッグアンドドロップ入力をフォームに追加しようとしています。フォームの処理は、使用しているプラットフォームによって行われるため、問題はありません。アップロード自体は比較的うまく動作し、イメージプレビューが表示されますが、フォームを送信すると、イメージは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という名前の画像をドラッグアンドドロップすると、