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" class="lazy" data-src="./js/webuploader.min.js"></script> <script type="text/javascript" class="lazy" data-src="./js/upload.js"></script>

HTML部分

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

PHP部分   fileupload.php

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

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

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

关于“webuploader如何结合php实现图片上传到本地和保存数据库”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。