使用Codeigniter进行Ajax文件上传

我正在尝试使用codeigniter和ajax上传图像。 我已经有了ajax方法将字段值插入数据库，这是上传文件最简单最简单的方法。 这是JQuery自定义函数：

(function($){ jQuery.fn.ajaxSubmit = function() { $(this).submit(function(event) { event.preventDefault(); var url = $(this).attr('action'); var data = $(this).serialize(); $.ajax({ url: url, type: "POST", data: data, dataType: "html", success: function(msg) { $('#main').html(msg); } }); return this; }); }; })(jQuery); 

我称之为：

 $(document).ready(function() { $('#myForm').ajaxSubmit(); }); 

该function工作正常，数据插入数据库，我甚至有一些目录在上传图像之前在模型中创建，它们被创建但图像根本没有上传。

我知道我需要使用隐藏的Iframe来完成这项工作，但我不知道如何将其集成到我的代码中。

Answer 1

我使用CodeIgniter，jQuery和Malsup表单插件创建了自定义Ajax文件上传器 。 这是HTML和Javascript / CSS代码。 它还支持多个文件上传和进度。

            
 Select :    
 
 
 
0%
 
 
    

在CodeIgniter控制器中：

希望这对你有所帮助。 谢谢！！