2015-09-17 84 views
2

我在標準html表單中使用Dropzone.js時遇到了一些麻煩。使用我所擁有的代碼,一切正常,我可以點擊該區域添加圖像,我一次只能添加一個圖像,而圖像僅在按下提交按鈕時纔會上傳。 但是,按下提交時實際上沒有發送任何內容。我知道我需要手動處理隊列,但這似乎並沒有工作。然後發送表單數據的其餘部分,它只是不是的圖像。dropzone.js表單提交不發送文件

我正在使用以下簡化代碼。 (假設比不發送文件,這個工程除外)。

HTML

<form action='upload.php' method="post" class="dropzone" id="mydz"> 
<input type='submit' name='submitimage' value='Save' style='float:left;'/> 

JAVASCRIPT

Dropzone.options.mydz = { 
    autoProcessQueue: false, 
    maxFiles: 1, 

    init: function() { 
     var submitButton = document.querySelector("#submitimage"); 
     mydz = this; // closure 

     submitButton.addEventListener("click", function() { 
     mydz.processQueue(); // Tell Dropzone to process all queued files. 
     });          

     this.on('addedfile', function(file){ if(this.files.length > 1) { this.removeFile(this.files[0]); } }); 
    } 
} 

我一直在試圖解決現在這一切的一天,並沒有搜索量網上發現了對我有用的東西。你們能幫助嗎? :)

+0

此外,我也試過在這裏問過,但沒有迴應。 https://github.com/enyo/dropzone/issues/1040 –

回答

0

賓果遊戲!!!在我之前鏈接到的github帖子作者的幫助下,這個問題現在已經解決了!

我張貼的早期作品,因爲它是代碼,但是dropzone.js文件中,我將這兩行this.hiddenFileInput.setAttribute("name", _this.options.paramName); $("form.dropzone").append(_this.hiddenFileInput);

document.body.appendChild(_this.hiddenFileInput);後,所有的工作,因爲它應該!