PHP+webuploader+MySQL实现多图上传存储功能

使用PHP+webuploader实现多张图片上传 

   花了一天多的时间写写了个图片上传功能,为了保证样式好看些,就使用的webuoloader插件.在实际运用中需要注意安全性,比如文件上传漏洞,以及表单多次提交等问题.

        使用过程 只要知道简单的原理即可,安全性以及功能上的东西可以运用自己的技术花时间来完善.一般项目中都有框架来完成相关的操作,dealImage.php文件连接数据库处理数据只是个简单的例子,若需要可以根据自己的功能对数据库的相关操作进行封装,对防止sql注入进行封装.

       我使用的mac开发,主要使用的工具是MAMP PRO,Navicat for MySQL.

      主要功能如下

1.多张图片上传

2.图片旋转,删除

3.图片上传后重命名(fileupload.php文件对文件重新命名 避免图片名称重复)

4.图片存储(图片路径存在MySQL中)

  MAMP pro环境如下

 数据库相关表的设计如下

 

CREATE TABLE `picture` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `good_id` int(11) DEFAULT NULL COMMENT '图片管理的商品id',
  `img` varchar(255) DEFAULT NULL COMMENT '图片地址url',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=0 DEFAULT CHARSET=utf8

图片上传功能

 由于我的mamp pro环境服务器端口是8888 则访问http://hee.com:8888/image-upload/index.html

 

 

 

 

 

图片存储

需要将图片路径存到数据库中,最重要的一步是给图片中的input属性赋值,赋值后取图片的绝对路径

 

 

 

 

 

ps:

项目目录

 

也可以直接下载学习完善:

下载地址:https://download.csdn.net/download/resilient/12141847

项目地址:https://github.com/hillmay2015/imageShow