【发布时间】:2020-09-04 19:10:14
【问题描述】:
我尝试使用 dropzone js 上传文件,但它不起作用我有“使用进度条上传完整动画”,但我的上传文件夹中没有上传文件。
查看:
<body>
<div id="content">
<form method="post" action="<?php echo base_url() ?>images/upload" enctype="multipart/form-data" class="dropzone" id="myAwesomeDropzone">
</form>
<button type="button" id="submit_dropzone_form">UPLOAD</button>
</div>
<script src="<?php echo base_url(); ?>vendor/jquery/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>vendor/dropzone/dropzone.min.js"></script>
<script>
Dropzone.options.myAwesomeDropzone = {
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads:10,
url: "<?php echo site_url("images/upload") ?>",
successmultiple:function(data,response){
$("#uploaded_files").val(response);
},
init: function() {
//Submitting the form on button click
var submitButton = document.querySelector("#submit_dropzone_form");
myDropzone = this; // closure
submitButton.addEventListener("click", function() {
myDropzone.processQueue(); // Tell Dropzone to process all queued files.
});
}
};
</script>
</body>
控制器:
public function upload()
{
if ( ! empty($_FILES))
{
$config["upload_path"] = $this->upload_path;
$config["allowed_types"] = "application/pdf";
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload("file")) {
echo "failed to upload file(s)";
}
}
}
其中 $upload_path = "./uploads"
如您所见,我的 CI 根项目中有一个文件夹。
【问题讨论】:
标签: javascript php codeigniter codeigniter-3 dropzone.js