上传图片插件uploadify
2012-02-22 10:35
288 查看
index.html
upload.php
只要加载一下几个js(jquery-1.4.2.min.js , swfobject.js , jquery.uploadify.v2.1.4.min.js)就可以直接使用
官网地址http://www.uploadify.com/
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link href="css/uploadify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/jquery.uploadify.v2.1.4.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#file_upload').uploadify({ 'uploader' : 'js/uploadify.swf', 'script' : 'upload.php', 'cancelImg' : 'js/cancel.png', 'folder' : 'uploads', 'auto' : true }); }); </script> </head> <body> <input id="file_upload" name="file_upload" type="file" /> </body> </html>
upload.php
<?php if (!empty($_FILES)) { $tempFile = $_FILES['Filedata']['tmp_name']; $targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/'; $targetFile = str_replace('//','/',$targetPath) . $_FILES['Filedata']['name']; if( move_uploaded_file($tempFile,$targetFile)){ echo true; }else{ echo false; } } ?>
只要加载一下几个js(jquery-1.4.2.min.js , swfobject.js , jquery.uploadify.v2.1.4.min.js)就可以直接使用
官网地址http://www.uploadify.com/
相关文章推荐
- php:利用插件uploadify完成ajax效果的图片上传
- Laravel 5.2 利用 Uploadify 插件实现上传图片
- JQuery批量图片上传插件—Uploadify
- flash上传插件uploadify详解_图片批量上传_更新数据库
- asp.net中使用Uploadify插件实现多张图片上传,上传后可显示缩略图、删除图片
- uploadify(jquery)插件的使用及图片上传预览
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- Jquery uploadify图片上传插件无法上传的解决方法
- django中使用uploadify等php的图片上传插件
- 上传图片插件之---uploadify
- 利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
- java语言uploadify插件图片上传
- Jquery uploadify图片上传插件无法上传的解决方法
- Bootstrap框架---Uploadify插件----多张图片上传交互方式一
- Bootstrap框架---Uploadify插件----多张图片上传交互方式二
- JQuery批量图片上传插件—Uploadify使用记录
- Uploadify多上传图片插件
- uploadify插件实现多个图片上传并预览
- 【文件上传】uploadify插件配合java的使用,可以图片,按照步骤可以复制粘贴直接运行,2017年
- uploadify插件实现多个图片上传并预览