uploadify多图片和文件上传网站应用

Posted 96net

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uploadify多图片和文件上传网站应用相关的知识,希望对你有一定的参考价值。

先要下载压缩包

www.uploadify.com/wp-content/uploads/files/uploadify.zip

1,模板文件引用

<!--引用jquery uploady*}-->
<script src="http://www.hq08.cn/public/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="http://www.hq08.cn/public/uploadify.css" media="all">
<script type="text/javascript" src="http://www.hq08.cn/public/jquery.uploadify.min.js"></script>
<!-- uploadify相关设置 -->
<script type="text/javascript">
$(function() {
$(‘#file_upload‘).uploadify({
‘formData‘ : {
‘timestamp‘ : ‘{#$timestamp#}‘,
‘token‘ : ‘{#$token#}‘
},
//在php下应用的时候请务必加上这些代码,避免使用出错
‘buttonText‘:‘上传‘,
‘multi‘: true,//允许多文件上传
‘swf‘ : "public/uploadify.swf",
‘uploader‘ : ‘{#spUrl c=heji a=uploadify#}‘,
‘onUploadSuccess‘: function (file, data, response) {
$(‘.touxiang_path‘).val(data);
}
});
});
</script>

2.代码添加几行代码

<div class="touxiang">
<input id="file_upload" type="text" name="touxiang">
</div>

<div class="touxiang_path">
<input id="" type="text" name="touxiang_path" class="touxiang_path" style="width: 500px;">
</div>

可以任意修改样式,可以更加美观

3,php上传处理

 $targetFolder = ‘/up/‘; 

$verifyToken = md5(‘unique_salt‘ . $_POST[‘timestamp‘]);

if (!empty($_FILES) && $_POST[‘token‘] == $verifyToken) {
$tempFile = $_FILES[‘Filedata‘][‘tmp_name‘];
$targetPath = $handler_dir.‘/‘. $targetFolder;
$targetFile = rtrim($targetPath,‘/‘) . ‘/‘ . $_FILES[‘Filedata‘][‘name‘];

$fileTypes = array(‘jpg‘,‘jpeg‘,‘gif‘,‘png‘); // File extensions
$fileParts = pathinfo($_FILES[‘Filedata‘][‘name‘]);

if (in_array($fileParts[‘extension‘],$fileTypes)) {
move_uploaded_file($tempFile,$targetFile);
echo ‘1‘;
} else {
echo ‘Invalid file type.‘;
}
}

可以设置图片和文件大小,可以加水印,缩略图,任意处理图片等









































以上是关于uploadify多图片和文件上传网站应用的主要内容,如果未能解决你的问题,请参考以下文章

Uploadify/uploadifive上传(中文文档)

基于Jquery插件Uploadify实现实时显示进度条上传图片

jquery.uploadify.js修改时,怎么判断上传了几张图片

jquery 多个 上传文件教程

uploadify插件火狐上传图片显示302,或者是 IO,

在php中使用jquery uploadify进行多图片上传