여러 파일 업로드에 dropzone을 사용했습니다. 여기에 이상한 문제가 있습니다. 아래 코드를 제공하고 있습니다. 진행률 표시 줄에 dropzone이 나타나지 않습니다.
<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"가 제대로 작동하지만 진행 막대가 오지 않을 것입니다.
그때 특성 "MAXFILES", "acceptedFiles는"는 워킹하지만 진행 막대오고있다 아니라,
<script type="text/javascript" src="<?php echo $this->webroot?>js/jquery-1.7.2.min.js"></script>
JS 라이브러리를 제거합니다. 그리고이 페이지가 fancybox에로드되어 자바 스크립트 오류 "오류 : Dropzone already attached."가 표시됩니다. 이 문제를 해결하는 방법을 모르겠습니다. 모든 종류의 도움을 주시면 감사하겠습니다. 미리 감사드립니다.
그것을 아니에요. 나는 지금이 해결책을 시도했다. – AfzalivE