webuploader結合php實現圖片上傳到本地和保存數據庫

webuploader結合php實現圖片上傳到本地

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,轉載請註明出處!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章