進度條在懸浮窗

不來我已經使用了懸浮窗多文件上傳，在這裏，我面臨着一個奇怪的問題，我在下面給我的代碼。進度條在懸浮窗

<script type="text/javascript" src="<?php echo $this->webroot?>js/jquery-1.7.2.min.js"></script> 
<link rel="stylesheet" href="<?php echo $this->webroot?>css/popup_style.css" type="text/css"/> 
<link rel="stylesheet" href="<?php echo $this->webroot;?>css/dropzone.css" /> 

<script src="<?php echo $this->webroot;?>js/dropzone.min.js"></script> 
<script type="text/javascript"> 
      jQuery(function($){ 

      try { 
       jQuery(".dropzone").dropzone({ 
       paramName: "file", // The name that will be used to transfer the file 
       maxFilesize: 10, // MB 
       maxFiles: 6, 
       //autoProcessQueue: true, 
       addRemoveLinks : true, 
       acceptedFiles: ".jpeg,.jpg,.png,.gif,.JPEG,.JPG,.PNG,.GIF", 
       dictDefaultMessage : 
       '<span class="bigger-150 bolder"><i class="icon-caret-right red"></i> Drop files</span> to upload \ 
       <span class="smaller-80 grey">(or click)</span> <br /> \ 
       <i class="upload-icon icon-cloud-upload blue icon-3x"></i>', 
       dictResponseError: 'Error while uploading file!', 

       //change the previewTemplate to use Bootstrap progress bars 
       previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n <div class=\"dz-details\">\n <div class=\"dz-filename\"><span data-dz-name></span></div>\n <div class=\"dz-size\" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n <div class=\"progress progress-small progress-success progress-striped active\"><span class=\"bar\" data-dz-uploadprogress></span></div>\n <div class=\"dz-success-mark\"><span></span></div>\n <div class=\"dz-error-mark\"><span></span></div>\n <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>" 
       }); 
      } catch(e) { 
       alert('Dropzone.js does not support older browsers!'); 
      } 

      }); 
     </script> 
<body style="margin:0px;"> 
<div class="popup"> 
    <div class="popHead"> 
     <!--<a href="#" class="popCross"></a>--> 
     <div class="clear"></div> 
    </div> 
    <div class="popBody"> 
     <div id="dropzone"> 
      <form action="<?php echo $this->webroot;?>manage/multiple_latest_experience_upload" class="dropzone"> 
       <div class="fallback"> 
        <input name="photo" id="photo" type="file" multiple="" /> 
       </div> 
      </form> 
     </div> 

    </div> 
</div> 
</body>

現在的問題是，如果我使用，

<script type="text/javascript" src="<?php echo $this->webroot?>js/jquery-1.7.2.min.js"></script>

然後屬性「MAXFILES」，「acceptedFiles」正常工作，但進度不來了。

如果我刪除了，

<script type="text/javascript" src="<?php echo $this->webroot?>js/jquery-1.7.2.min.js"></script>

JS庫，然後屬性「MAXFILES」，「acceptedFiles」不是沃金，但進度來了。當這個頁面加載到一個fancybox那裏顯示一個JavaScript錯誤「錯誤：Dropzone已經連接。」。我不明白如何解決這個問題。任何形式的幫助，將不勝感激。提前致謝。

來源

2014-01-09 Souvick Dey

-1

我懷疑你正在使用的版本jquery太舊。嘗試1.10.2

來源

2014-01-16 01:52:09 DanJGer

這不是它。我剛纔嘗試了這個解決方案。 – AfzalivE

試試下面的代碼：

var myDropzone = new Dropzone("your selector",{ 
    // you options. 
});

來源

2017-05-19 07:22:59

這是一個非常簡短的回答，也許你可以詳細說明 –

**從審批隊列中：**我可以請你，請添加在你的答案一些更多的上下文。僅有代碼的答案很難理解。如果您可以在帖子中添加更多信息，它可以幫助提問者和未來的讀者。 –

進度條在懸浮窗

回答

相關問題