接著上節的內容開始,本節主要是用thinkphp和webuploader共同完成異步上傳功能.

webuploader

首先,打開數據庫,新建數據表qx_img,再新建數據字段id和imgpath.

接著,我們在WebuploaderController.class.php中新建upload辦法,用來實現上傳功能,代碼如圖：

upload辦法

具體每行代碼的意思,請大家參考一下手冊,手冊寫的很清楚.

接著我們在上節的webuploader.html,在div塊外分別添加form表單,并添加action和enctype="multipart/form-data",注意要實現上傳功能,必需設置enctype為"multipart/form-data".

在div塊頭部加上如下代碼：

form表單

尾部自然要有結束標簽：

form表單結束標簽

接著我們打開上節拷貝的demo.js,找到server: 'http://2betop.net/fileupload.php',將他修改為 server: 'http://localhost/tp3/admin.php/admin/webuploader/upload',

然后打開http://localhost/tp3/admin.php/Admin/Webuploader/webuploader,點擊選擇圖片,并上傳.如果上傳勝利,則會提示上傳勝利,同時數據庫會添加一條信息.提示效果如圖所示：

上傳勝利