图片（文件）上传（BROWSER+PHP）

图片（文件）上传。（浏览器端->服务器端）
基础原理：选择：input(type=file), 提交：sumbit(),服务器端处理（php:move_upload_file）
高级：多图同时上传，样式，异步，预览，重命名（中文乱码），调整尺寸，
插件：uploadify(swf) 或者 HTML5
兼容性：待补充
坑：需要浏览器开启swf功能（非询问） 或者 需要浏览器支持HTML5
demo
SENCE:
CONFIG:2

待编辑。

#uploadify插件（依赖FLASH插件）
##原理
##实现步骤
- 下载插件
- browser端引用
- service端配置

基础实现

原理

利用HTML的INPUT(type=”file”)元素,添加文件(图片)；

利用FORM表单提交(form method=”post” enctype=”mulitport/form_data” )到服务器

服务器端处理数据(move_upload_file)

demo

<!-- 浏览器端 -->
<form method="post" enctype="multipart/form-data" action="http://localhost/demo/uploadify/index.php">
<input type="file" name="f" />
<input type="hidden" name="t" value="<?php echo date("Y-m-d H:i:s"); ?>" />
<input type="submit" />
</form>

//服务器端
<?php
if (!empty($_FILES)) {
$tempFile = $_FILES['f']['tmp_name'];
$targetFile = __DIR__ . '/' . $_FILES['f']['name'];
move_uploaded_file($tempFile,$targetFile);
echo 'the fiel is move to '.$targetFile;
}
?>

进阶实现

原理

demo

<!-- 浏览器端 -->

//服务器端

附件1:Uploadify 3.2 参数属性、事件、方法函数详解 - 阿日斯兰 - 博客园

附件2：Uploadify在线中文手册 · 看云