webuploader結合php實現圖片上傳到本地和保存數據庫,核心功能是以下三點:
一、上傳前圖片預覽
二、上傳圖片到本地文件夾
三、上傳圖片路徑和圖片對應的設備編號到mysql數據庫
Webupload
1、由Baidu WebFE(FEX)團隊開發,最新版本爲2014年的0.1.5版本
2、引入CSS文件和JS文件
<link rel="stylesheet" href="./css/webuploader.css" type="text/css" media="screen" /> <link rel="stylesheet" href="./css/uploadstyle.css" type="text/css" media="screen" /> <script type="text/javascript" src="./js/webuploader.min.js"></script> <script type="text/javascript" src="./js/upload.js"></script>
3、HTML部分
4、JS部分 Webuploader.min.js不用管,修改upload.js文件。 140行開始的實例化 155行爲 server: 'php/fileupload.php' 206行這裏讀取設備編碼並傳遞到fileupload.php
5、PHP部分 fileupload.php
這部分是將圖片路徑添加到mysql數據庫。 $dis是設備編碼,將設備編碼和設備的圖片對應上傳到數據庫。 其他代碼是圖片上傳到本地文件夾
此處文件夾地址確保正確,不然導致上傳不成功。
6、mysql數據庫部分 mysql裏建立dimg表,2個字段did和dipath。 連接數據庫後插入數據
本文轉自http://www.sucaihuo.com/php/2533.html,轉載請註明出處!