、利用form表单上传
此种方式是最原始的上传方式，前端就是简单的form表单，后端我们有PHP处理传输过来的文件。
首先看前端的代码 upload.html
1 2 3 4 | <form action="handle.php" name="form" method="post" enctype="multipart/form-data"> ?<input type="file" name="file" /> ?<input type="submit" name="submit" value="上传" /></form> |
然后新建php文件 handle.php 代码如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | $file = $_FILES[‘file‘];//得到传输的数据//得到文件名称$name = $file[‘name‘];$type = strtolower(substr($name,strrpos($name,‘.‘)+1)); //得到文件类型，并且都转化成小写$allow_type = array(‘jpg‘,‘jpeg‘,‘gif‘,‘png‘); //定义允许上传的类型//判断文件类型是否被允许上传if(!in_array($type, $allow_type)){ ?//如果不被允许，则直接停止程序运行 ?return ;}//判断是否是通过HTTP POST上传的if(!is_uploaded_file($file[‘tmp_name‘])){ ?//如果不是通过HTTP POST上传的 ?return ;}$upload_path = "D:/now/"; //上传文件的存放路径//开始移动文件到相应的文件夹if(move_uploaded_file($file[‘tmp_name‘],$upload_path.$file[‘name‘])){ ?echo "Successfully!";}else{ ?echo "Failed!";} |
当然，此php处理代码不是很完善，其中对错误的情况没有进行处理，然而使用php处理上传文件的原理就是这样的，大家可以在此基础上进行优化，使其更加完善。
二、利用uploadify实现无刷新并且带进度条的上传
首先下载uploadify插件，保存在项目中的某个文件夹下面，然后引入三个文件
1 2 3 | <link href="js/uploadify/uploadify.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/uploadify/jquery.min.1.7.js"></script><script type="text/javascript" src=js/uploadify/jquery.uploadify.min.js"></script> |
然后引用以下代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <script type="text/javascript"> ???$(function(){ ?????$(".uploadbutton").each(function(){ ???????bidtype="上传"; ???????$(this).uploadify({ ?????????swf: ‘js/uploadify/uploadify.swf‘, ?????????uploader: "handle.php", ?//处理上传的php文件或者方法 ?????????multi: true, ?//是否开启一次性上传多个文件 ?????????queueSizeLimit:20, ?//最大允许上传的文件数量 ?????????buttonText: bidtype, ???????//按钮文字 ?????????height: 34, ??????????????//按钮高度 ?????????width: 82, ??????????????//按钮宽度 ?????????auto:false, ?//选择完图片以后是否自动上传 ?????????method:‘post‘, ?????????fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;", ?????//允许的文件类型 ?????????fileTypeDesc: "请选择图片文件", ?????//文件说明 ?????????postData:{}, ?????????formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //提交给服务器端的参数 ?????????onUploadSuccess: function (file, data, response) { ?//一个文件上传成功后的响应事件处理 ???????????var data = $.parseJSON(data); ?????????} ???????}); ?????}) ???}); ?</script><body> ?<span id="commercial_upload" class="uploadbutton"></span></body> |
当然此按钮的样式我改动过，大家可以根据自己的需要修改样式文件，改变此按钮的样式
同样的php代码 handle.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | $file = $_FILES[‘Filedata‘];//得到传输的数据//得到文件名称$name = $file[‘name‘];$type = strtolower(substr($name,strrpos($name,‘.‘)+1)); //得到文件类型，并且都转化成小写$allow_type = array(‘jpg‘,‘jpeg‘,‘gif‘,‘png‘); //定义允许上传的类型//判断文件类型是否被允许上传if(!in_array($type, $allow_type)){ ?//如果不被允许，则直接停止程序运行 ?return ;}//判断是否是通过HTTP POST上传的if(!is_uploaded_file($file[‘tmp_name‘])){ ?//如果不是通过HTTP POST上传的 ?return ;}$upload_path = "D:/now/"; //上传文件的存放路径//开始移动文件到相应的文件夹if(move_uploaded_file($file[‘tmp_name‘],$upload_path.$file[‘name‘])){ ?echo "Successfully!";}else{ ?echo "Failed!";} |
以上两种方式上传可以说PHP处理的原理是相同的，只是前台显示的样式不同，第二种方式是无刷新，并且带有返回值，可以方便我们做其它的处理。虽然常用，但是总归会受限制，使用起来不是很灵活。
随着html5的发展的越来越成熟，我们可以利用h5中的一些方法实现上传功能，此时后台PHP的处理代码完全不同于以上两种方式，并且使用起来很灵活。由于篇幅限制，本篇我不向大家介绍这种方式，有兴趣的可以参考，希望大家会喜欢。
”王丹玲听笑话的回应：“你七年前才多大，七岁啊！拜托，你七岁就懂得爱情，我现在都不知道呢？”双手抓住龙一脖子的衣物，大声道：“你M的玩本姑娘是不？本姑娘的样子是难看点，额～很难看。那有怎样，臭小子你身痒找打是不？靠的，当本姑娘低能儿吗？七岁还相爱七年，去死吧你。” “嘭~~” 王丹玲右手变化成拳，一式上勾，将龙一打倒在地。 ” 武天微笑着道：“这三张灵晶卡，给你，十分辰应该够我研究了。”武天从空间戒指中扔给龙一三张灵晶卡，龙一接过卡顺手扔进祸星，再从祸星中拿出一封信：“这封信给你的，内容是什么我就不知道了，嗯～麻烦你签收。” 武天伸出手，向龙一要信，龙一将信件收回放在后背道：“叫我送信的人说，这是很重要的信，一定要交给武天本人。
http://www.cn-teacher.com/kfMARREX/SMCinmaa/index.html
http://www.cn-teacher.com/kfnvvqg/VLuyVuwD/index.html
http://www.cn-teacher.com/kfMFTWCR/hgzHuRf/index.html
http://www.cn-teacher.com/kfapxS/xmzl3/index.html
http://www.cn-teacher.com/kf99s9m/JQsViiF/index.html
http://www.cn-teacher.com/kfex3iq/fKuZYh/index.html
http://www.cn-teacher.com/kfdbxoykok/5aik49/index.html
http://www.cn-teacher.com/kfTVAOFA/JNcWIz/index.html
http://www.cn-teacher.com/kfkXvF/3ZQzbRa/index.html
http://www.cn-teacher.com/kfk9x1273/1w2pkl/index.html
http://www.cn-teacher.com/kfmssfet/vlai1/index.html
http://www.cn-teacher.com/kfCHEODK/b8ctb8/index.html
http://www.cn-teacher.com/kfFYYDQ/kjwr2s/index.html
http://www.cn-teacher.com/kfmvech/44jyb/index.html
http://www.cn-teacher.com/kfjw4el/SRNXAF/index.html
http://www.cn-teacher.com/kfigvlwtg/bfkq/index.html
http://www.cn-teacher.com/kfrvQbNFn/
http://www.cn-teacher.com/kfIUqHpy/KADNX/index.html
http://www.cn-teacher.com/kfmkmqa6a/lbweef3p/index.html
http://www.cn-teacher.com/kfVDGd6Py/yMdB/index.html
http://www.cn-teacher.com/kfIPZMYM/DMOBMkj/index.html
http://www.cn-teacher.com/kfnyvbnc/0nstl/index.html
http://www.cn-teacher.com/kfljvzYul/TDEKI/index.html
http://www.cn-teacher.com/kfije4/1bemrb/index.html
http://www.cn-teacher.com/kfTAUQVALV/GVPTT/index.html
http://www.cn-teacher.com/kfEFMFUT/EyWLDo9/index.html
http://www.cn-teacher.com/kfb1d8hf/EHDCQBNL/index.html
http://www.cn-teacher.com/kfR19fp/DWNVZ/index.html
http://www.cn-teacher.com/kfoXGgA/CXAQ/index.html
http://www.cn-teacher.com/kfNi1Tr/COCLNS/index.html
http://www.cn-teacher.com/kfCWzhfzpF/mhkcee/index.html
php 图片上传之利用form表单上传
原文地址：http://www.cnblogs.com/paddygege/p/7703512.html