Uploadify无刷新上传图片详解
时间：2015-06-11 阅读：次 QQ群：182913345
Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示，本文将详细介绍Uploadify在PHP中的使用。
1、从官网下载uploadify开发包添加到项目中
2、前台页面添加对css和js文件的引用
<link type="text/css" href="/uploadify/uploadify.css" /> <script type="text/javascript" src="/uploadify/jquery.uploadify-3.1.min.js"></script> |
3、前台页面添加JS调用代码
//图片上传
$('#file_upload').uploadify({
'swf' : '/uploadify/uploadify.swf',
'uploader' : '/uploadify/uploadify.php',
'buttonText':"图片上传",
'multi':true,
'height':26,
'width':100,
'multi':false,
'onUploadSuccess' : function(file, data, response) {
$('#' + file.id).find('.data').html(' - 上传完成');
$("#pic").val(data);
$('#img').attr('src',"/uploads/"+data);
},
auto:true,
'fileSizeLimit' : '1024KB',
'fileTypeExts' : '*.gif; *.jpg; *.png; *.jpeg',
formData : { 'PHPSESSID' : 'ed362ba75d344681984770f23bc7b7b4' }
});
|
4、后台PHP代码书写
<?php
$session_name = session_name();
if (!isset($_POST[$session_name])) {
exit;
}else{
session_id($_POST[$session_name]);
session_start();
}
//定义的上传目录
$targetFolder = '../uploads/';
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetFile = date('Ymd').mt_rand(1000,9999).strrchr($_FILES['Filedata']['name'],'.');
if(move_uploaded_file($tempFile,$targetFolder.$targetFile)){
echo $targetFile;
} else {
echo 'Invalid file type.';
}
|
