简单使用dropzpne.js,点击/拖拽上传多图与php的交互
来源:互联网 发布:淘宝匿名买家采集器 编辑:程序博客网 时间:2024/06/05 16:05
hi~这是我的第一篇博客 ,感谢您的浏览,希望对您有帮助。
废话不多说 :
首先,下载dropzone.js 。
https://raw.githubusercontent.com/enyo/dropzone/master/dist/dropzone.js 这是下载网址。
然后 在 html里 添加
<form action="uppic.php" class="dropzone">
</form>
uppic.php为你要处理图片的php。
下面贴出uppic.php代码
<?php
/**
*我做的事根据不同的用户上传图片建立不同的文件夹,
*也就是说一个用户对应一个文件夹装自己上传的图片
*/
require_once 'include.php'; //连接数据库(要自己写哦)这里我就不贴了
$path = $_SERVER['DOCUMENT_ROOT']."/haotu/uploads/";//保存图片文件夹的目录
function createFolder($path) //判断该文件是否存在 /不存在就创建的函数
{
if (!file_exists($path))
{
return mkdir($path, 0777);
}
}
$fileName = $_SESSION['username'];
createFolder("$path".$fileName);//执行该方法
$targetPath= "$path".$fileName."/";//目标文件夹
@$targetFile = $targetPath. $_FILES['file']['name']; //上传目的图片路径src
@$tempFile = $_FILES['file']['tmp_name']; //当前图片
$pic = "uploads/".$fileName."/". $_FILES['file']['name'];//存在数据库的图片路径
move_uploaded_file($tempFile,$targetFile); //将图片复制到指定目录
//下面是上传数据库的东西,可忽略
// $img_path = $targetFile;
// $img_name = $_POST['subject'];
// $img_dis = $_POST['dis'];
// $img_zhuozhe = $_POST['author'];
// $sql ="";
// $sql = "INSERT INTO upimgs(userName, imgAddr, picName, picDis, picZhuoZhe)
// VALUES ('$fileName','$pic','$img_name','$img_dis','$img_zhuozhe')";
// myInsert($sql);
// alertMes("上传成功","index.php");
?>
效果图
- 简单使用dropzpne.js,点击/拖拽上传多图与php的交互
- 简单js与php交互
- WKWebView的简单使用,与js交互
- PHP 与 js 的交互
- iOS中OC与JS交互WebViewJavascriptBridge的简单使用
- 简单的点击交互
- PHP与服务器文件系统的简单交互
- js与webView的简单交互
- OC与JS的简单交互
- web与js的简单交互
- Android与Js的简单交互例子
- JS与OC的简单交互
- Android与JS的交互简单实现
- iOS与js 的简单交互
- WebView与JS的简单交互
- android与js 的简单交互
- Android与JS的交互简单实现
- iOS中UIWebView使用JS交互:实现图片的点击
- priority_queue基础用法
- http协议
- http状态码
- iOS开发之代码调用自定义tableView
- Java实现(09)——组合模式(Composite Pattern)
- 简单使用dropzpne.js,点击/拖拽上传多图与php的交互
- poj2446 Chessboard(图的建模+二部图匹配)
- iOS 9.3 to iOS 10.0 API Differences
- 项目优化应该从那几个方面进行
- 黑白棋子的移动 ssl-1310
- poj 1611_The Suspects_并查集
- 四大组件的启动过程
- Swift中数据类型
- 深入JVM-锁与并发