首页 > 解决方案 > Dropzone Js 没有上传我的文件 [Code Igniter]

问题描述

我试图使用 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 根项目中有一个文件夹。

在此处输入图像描述

在此处输入图像描述

标签: javascriptphpcodeignitercodeigniter-3dropzone.js

解决方案


好吧,我解决了我的问题,我认为允许的类型是错误的,或者上传路径不是好的。

在我的控制器中使用此方法,它可以工作。

public function upload()
{
    if ( ! empty($_FILES)) 
    {
        $config["upload_path"]   = $this->upload_path;
        $config["allowed_types"] = "pdf";
        $this->load->library('upload', $config);

        if ( ! $this->upload->do_upload("file")) {
            echo "failed to upload file(s)";
        }
    }
}

推荐阅读