两种php实现图片上传的方法
图片上传在项目中经常用到,几乎没有任何一个项目可以脱离图片或者是文件上传。本篇我在这向大家介绍两种常规的上传方式。(注:在这里我们仅仅是对功能的实现,不去做过多的前端的样式) 一、利用form表单上传此种方式是最原始的上传方式,前端就是简单的form表单,后端我们有PHP处理传输过来的文件。 首先看前端的代码 upload.html然后新建php文件 handle.php 代码如下 当然,此php处理代码不是很完善,其中对错误的情况没有进行处理,然而使用php处理上传文件的原理就是这样的,大家可以在此基础上进行优化,使其更加完善。 二、利用uploadify实现无刷新并且带进度条的上传首先下载uploadify插件,保存在项目中的某个文件夹下面,然后引入三个文件然后引用以下代码 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);
}
});
})
});
样式如下 当然此按钮的样式我改动过,大家可以根据自己的需要修改样式文件,改变此按钮的样式 同样的php代码 handle.php 以上两种方式上传可以说PHP处理的原理是相同的,只是前台显示的样式不同,第二种方式是无刷新,并且带有返回值,可以方便我们做其它的处理。虽然常用,但是总归会受限制,使用起来不是很灵活。 随着html5的发展的越来越成熟,我们可以利用h5中的一些方法实现上传功能,此时后台PHP的处理代码完全不同于以上两种方式,并且使用起来很灵活。由于篇幅限制,本篇我不向大家介绍这种方式,有兴趣的可以参考php+html5实现无刷新图片上传教程,希望大家会喜欢。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |