Ich versuche, eine wirklich einfache Drag-n-Drop-Eingabe auf meinem Formular hinzuzufügen. Die Formularverarbeitung erfolgt über die Plattform, die ich verwende, das ist also kein Problem. Der Upload selbst funktioniert relativ gut und die Bildvorschau erscheint, aber wenn ich das Formular abschicke, ist das Bild nirgends im POST. Außerdem muss ich dieses Bild mit bestimmten Parametern POST. Kann jemand bitte etwas Licht werfen? Hier ist, was ich habe:dropzone.js und Feldparameter
<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" />
und dies ist meine JS-Datei:
Dropzone.autoDiscover = false;
$(document).ready(function() {
$("#my-dropzone").dropzone({
maxFiles: 2000,
url: "/localhost/",
autoProcessQueue: false,
acceptedFiles: 'image/*',
addRemoveLinks: true
});
})
Ich will nicht mit AJAX einreichen, ich will nur in der Lage sein, ein Bild auszuwählen, per Drag & Drop (oder Klick). Wenn ich URL von meinem JS auslassen, erhalte ich einen Fehler ...
Also, die Frage ist - was mache ich hier falsch und wie kann ich die POST aussehen erhalten:
Namen = "id [txt_4]"; filename = "bck1.jpg"
wenn ich ein Bild mit dem Namen bck1.jpg drag-n-drop?