webuploader结合php实现图片上传到本地和保存数据库_第1张图片

webuploader结合php实现图片上传到本地和保存数据库,核心功能是以下三点:

一、上传前图片预览

二、上传图片到本地文件夹

三、上传图片路径和图片对应的设备编号到mysql数据库 


Webupload  
1、由Baidu WebFE(FEX)团队开发,最新版本为2014年的0.1.5版本  
2、引入CSS文件和JS文件  

  
   
 

               

3、HTML部分

webuploader结合php实现图片上传到本地和保存数据库_第2张图片

4、JS部分 Webuploader.min.js不用管,修改upload.js文件。 140行开始的实例化 155行为 server: 'php/fileupload.php' 206行这里读取设备编码并传递到fileupload.php

webuploader结合php实现图片上传到本地和保存数据库_第3张图片  webuploader结合php实现图片上传到本地和保存数据库_第4张图片

5、PHP部分   fileupload.php

webuploader结合php实现图片上传到本地和保存数据库_第5张图片

这部分是将图片路径添加到mysql数据库。 $dis是设备编码,将设备编码和设备的图片对应上传到数据库。  其他代码是图片上传到本地文件夹

此处文件夹地址确保正确,不然导致上传不成功。

6、mysql数据库部分 mysql里建立dimg表,2个字段did和dipath。   连接数据库后插入数据

本文转自http://www.sucaihuo.com/php/2533.html,转载请注明出处!