php 图片上传之利用form表单上传
Posted 在下刘彦直
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 图片上传之利用form表单上传相关的知识,希望对你有一定的参考价值。
、利用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.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