使用ajaxfileupload.js上传文件（php）

最新推荐文章于 2021-09-14 00:05:20 发布

lcy_dandan

最新推荐文章于 2021-09-14 00:05:20 发布

阅读量504

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/lcy_dandan/article/details/25841353

版权

PHP 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

html部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader Demo</title>
<script type="text/javascript" src="/test/jquery.js"></script>
<script type="text/javascript" src="/test/ajaxfileupload.js"></script>
</head>
<body>
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<input type="text" id="fileurl" style="width:100px;">
<br />
<input type="button" value="upload" οnclick="upload()" />
</body>
<script type="text/javascript">
function upload()
{
$.ajaxFileUpload(
{
url:'upload_file.php',
secureuri:false,
fileElementId:'file',
dataType: 'text',
success: function(data){
fileurl = document.getElementById("fileurl");
alert(data);
}
}
);
}
</script>
</html>

upload_file.php代码：主要是保存文件至本地，并返回保存的文件的url

<?php
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/bmp")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/png")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"] < 1000000)){//100KB
$extend = explode(".",$_FILES["file"]["name"]);
$key = count($extend)-1;
$ext = ".".$extend[$key];
$newfile = time().$ext;
$fileurl = "upload/" . $newfile;
if(!file_exists('upload')){mkdir('upload');}
$ok = move_uploaded_file($_FILES["file"]["tmp_name"], $fileurl);
if($ok === FALSE){
echo "上传失败";
}else{
$PHP_SELF=$_SERVER['PHP_SELF'];
$url='http://'.$_SERVER['HTTP_HOST'] . substr($PHP_SELF,0,strrpos($PHP_SELF,'/')+1);
echo $url . $fileurl;
}
}else {
echo "文件超过大小";
}
?>

例子下载：http://pan.baidu.com/share/link?shareid=963166408&uk=942345598

lcy_dandan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用ajaxfileupload.js上传文件（php）

html部分： Fine Uploader Demo Filename: function upload(){$.ajaxFileUpload({ url:'upload_file.php', secureuri:false, fileElementId:'fil
复制链接

扫一扫

专栏目录