ITPub博客

首页 > 应用开发 > IT综合 > webuploader结合php实现图片上传到本地和保存数据库

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

IT综合 作者:sucaihuo 时间:2018-12-05 19:20:53 0 删除 编辑

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

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/31508513/viewspace-2284305/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2017-12-01

  • 博文量
    3
  • 访问量
    909