我的dropzone代码看起来像这样 – >

Dropzone.options.mydropzone = {
  maxFiles: 1,maxFilesize: 10,//mb
  acceptedFiles: 'image/*',addRemoveLinks: true,autoProcessQueue: false,// used for stopping auto processing uploads
  autoDiscover: false,paramName: 'prod_pic',previewsContainer: '#dropzonePreview',//used for specifying the previews div
  clickable: false,//used this but now i cannot click on previews div to showup the file select dialog Box
 
  accept: function(file,done) {
    console.log("uploaded");
    done();
   //used for enabling the submit button if file exist 
    $( "#submitbtn" ).prop( "disabled",false );
  },init: function() {
    this.on("maxfilesexceeded",function(file){
        alert("No more files please!Only One image file accepted.");
        this.removeFile(file);
    });
      var myDropzone = this;
    $("#submitbtn").on('click',function(e) {
       e.preventDefault();
       myDropzone.processQueue();
 
    });
 
       this.on("reset",function (file) {   
              //used for disabling the submit button if no file exist 
              $( "#submitbtn" ).prop( "disabled",true );
        });
 
  }
 
};

但是,我只想使“预览容器”只能使用“预览容器”,即“#dropzonePreview”,而不是整个表单.

如果我使用clickable：false,我将无法单击预览div来显示文件上传对话框,即使我拖动n将文件放在它所需的表单上的任何位置.我不想让这种情况发生,我只是想要预览容器拖动和下拉和可点击,但同时如果我点击提交整个表单必须上传.

我已经阅读了这个dropzone教程Combine normal form with Dropzone,但这只是我实际想要做的一半.

有没有什么办法可以实现所有这一切使用Dropzone有效？