利用Codeigniter怎么实现一个无刷新上传功能

  介绍

本篇文章为大家展示了利用Codeigniter怎么实现一个无刷新上传功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

先建个表

CREATE  TABLE ‘文件’,(   ,“id”INT  NOT  NULL  AUTO_INCREMENT  PRIMARY 键,   ,“文件名”VARCHAR (255), NOT 空,   ,“标题”VARCHAR (100), NOT  NULL   );

文件的目录结构如下:

public_html/安康;应用程序/刂破??upload.php   ——模型/?files_model.php   ——视图/?upload.php   ——,files.php   安康;css/?style.css   安康;文件/安康;js/?AjaxFileUpload.js   ——网站。js

<强>第一步,建立表单

看上去就一个标题文本字段,一个文件框,一个提交按钮,还有一个文件的div。

控制器部分

首先,我们要建一个上传的表单和一个上传的控制器。在指数方法里渲出上传的视图。如下:

class  Upload  extends  CI_Controller   {   public 才能;function  __construct ()   {才能   ,,父母:__construct ();   ,,这→美元负载→模型(& # 39;files_model& # 39;);   ,,这→美元负载→数据库();   ,,这→美元负载→辅助(& # 39;url # 39;);   ,,}   ,   public 才能;function 指数()   {才能   ,,这→美元负载→视图(& # 39;上传# 39;);   ,,}   }

我们已经在构造里加载了files_model,所以可以使用files_model里的方法。

<强>建立表单视图

视图文件上传。php,包含了我们的上传表单。

& lt; ! doctype  html>   & lt; html>   & lt; head>   & lt;才能https://www.yisu.com/zixun/script  src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js ">