1、上传前图片预览 2、上传图片到本地文件夹 3、上传图片路径和图片对应的设备编号到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。
连接数据库后插入数据
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791