webuploader结合php实现图片上传到本地和mysql

1、上传前图片预览 2、上传图片到本地文件夹 3、上传图片路径和图片对应的设备编号到mysql数据库

分类：PHP > 上传难易：中级

下载资源下载积分： 110 积分

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。
 
连接数据库后插入数据