要实现文件上传功能,可以使用jQuery插件uploadify。以下是使用uploadify实现文件上传的步骤:
<link rel="stylesheet" type="text/css" href="uploadify.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.uploadify.min.js"></script>
<input type="file" name="file_upload" id="file_upload">
$(function() {
$('#file_upload').uploadify({
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php',
'buttonText' : '选择文件',
'fileTypeExts' : '*.jpg;*.jpeg;*.gif;*.png',
'fileSizeLimit' : '5MB',
'onUploadSuccess' : function(file, data, response) {
alert('文件上传成功!');
}
});
});
<?php
$targetFolder = '/uploads'; // 上传文件保存的目录
$verifyToken = md5('unique_salt' . $_POST['timestamp']);
if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];
move_uploaded_file($tempFile,$targetFile);
echo '1';
}
?>
通过以上步骤,您就可以实现使用uploadify插件进行文件上传操作。您可以根据自己的需求修改配置和上传文件的处理逻辑。