Blueimp jQuery文件上传插件与Codeigniter一步一步?

时间:2013-03-13 00:33:34

标签: jquery codeigniter blueimp multifile-uploader

https://github.com/blueimp/jQuery-File-Upload 我花了两天时间,没有任何效果。我也从他们的网站(https://github.com/blueimp/jQuery-File-Upload/wiki/jQuery-File-Upload-6.5-with-CodeIgniter-2.1)下载了这个例子,但它提供了我无法修复的语法,因为代码中的一切看起来都很正常,而且我的编辑器也没有发现任何语法错误......另外,示例页面上的代码与它们提供下载的.zip中的代码不同。

原始演示工作正常,但我无法将其集成到CodeIgniter中,我不知道如何处理我需要的一切。默认情况下,它会加载目录中的所有文件,我不需要它。要在admin中添加产品,列表应该为空,并且文件应该上传到像/pictures/month/filename.ext这样的目录中,并且在上传期间应该创建3种尺寸的缩略图/图片/ th1 / month / FILENAME.EXT 对于编辑产品,我需要从数据库中为特定产品加载以前加载的图像,而不是文件夹中的所有图片。最后,删除功能不会删除图像。

我可以看到图片是在没有发送表格的情况下上传的,对吧?这很重要,因为我有10个其他输入字段用于产品详细信息,需要通过发送表单发送并存储在数据库中。除了带有这个插件的图片库外,一切都已完成并正常工作。

有人可以帮我解决这个问题吗?

2 个答案:

答案 0 :(得分:8)

首先,抱歉我的英语不好。 我不知道你是否仍然对这个话题感兴趣。没关系,让这暗示下一个访客。

不要遵循有关codeigniter集成的教程,要复杂化以从不完整的代码中找出它,而是从这一点获取演示源并构建解决方案。我在1小时内完成了它:)

您必须根据to the doc创建UploadHandler.php的Codeigniter库。 在库中__construct()函数将script_url值更改为您将创建的控制器的绝对路径。

然后,在索引函数内创建控制器和加载库。

编辑main.js文件,将$('#fileupload').fileupload()函数中url:“server / php”的内容替换为控制器名称。

现在,您可以创建另一个控制器并从原始演示中加载包含index.php内容的视图。

如果您执行了我指定的所有操作,您应该能够使用第一个控制器从第二个控制器进行ajax调用。

答案 1 :(得分:7)

@Sinisa证明了有价值的指针。我可以让版本Fileuploader 8.8.5与CI 2.1.3一起使用相对容易。我更新了维基 - 这是一个链接:

https://github.com/blueimp/jQuery-File-Upload/wiki/Jquery-file-upload-8.8.5%2Cwith-codeigniter-2.1.x